Portfolio Personnel

Ce projet est un portfolio personnel développé avec React, TypeScript et Vite.

Technologies Utilisées

• React 18.2.0
• TypeScript
• Vite 4.4.5
• TailwindCSS 3.4.1
• Framer Motion 10.16.4
• React Router DOM 6.18.0
• Lucide React pour les icônes
• Radix UI pour les composants d'interface

Structure du Projet

src/
├── components/     # Composants React
│   ├── ui/        # Composants d'interface utilisateur réutilisables
│   ├── blog/      # Composants liés au blog
│   └── ...        # Autres composants
├── hooks/         # Hooks personnalisés
├── types/         # Définitions de types TypeScript
├── App.tsx        # Composant principal
├── main.tsx       # Point d'entrée
└── index.css      # Styles globaux

Fonctionnalités

Navigation

• Navigation fluide entre les sections avec défilement automatique
• Support des routes pour le blog
• Gestion du retour en haut de page lors des changements de route
• Menu responsive pour mobile

Interface Utilisateur

• Mode sombre/clair avec persistance des préférences
• Animations fluides avec Framer Motion
• Design responsive
• Composants UI réutilisables

Blog

• Liste des articles
• Pages d'articles individuels
• Système de navigation

Prérequis

• Node.js (version LTS recommandée)
• npm (inclus avec Node.js)

Installation

1. Clonez le repository
2. Naviguez vers le dossier du projet :

   cd project

3. Installez les dépendances :

   npm install

Commandes Disponibles

• npm run dev : Lance le serveur de développement (http://localhost:5173)
• npm run build : Crée une version de production
• npm run preview : Prévisualise la version de production
• npm run lint : Vérifie le code avec ESLint

Configuration de Développement

Le projet utilise Vite comme outil de build avec la configuration suivante :

• Hot Module Replacement (HMR)
• Support TypeScript
• Optimisation automatique des imports
• Chunking intelligent pour la production

Dernières Modifications

Configuration

• Simplification de la configuration Vite
• Mise à jour des dépendances vers des versions stables
• Retrait des fonctionnalités PWA pour une meilleure stabilité

Interface

• Amélioration des transitions entre les pages
• Optimisation du mode sombre/clair
• Mise à jour des animations de navigation

Performance

• Optimisation du chargement des composants avec React.lazy
• Amélioration du chunking pour une meilleure performance de chargement
• Nettoyage des dépendances non utilisées

Prochaines Étapes Possibles

1. Intégration de contenu dynamique pour le blog
2. Optimisation des performances
3. Ajout d'animations supplémentaires
4. Intégration de tests automatisés