PORTFOLIO-NASSIM-ELHADDAD

Portfolio professionnel de Nassim El Haddad

Table des matières

• Aperçu
• Fonctionnalités
• Prérequis
• Installation
• Démarrage
• Technologies utilisées
• Structure du projet
• Licence

---

Aperçu

Portfolio professionnel de Nassim El Haddad, présentant ses projets, compétences, et expériences dans un design moderne et élégant inspiré de l'esthétique Apple. Le site comprend une navigation fluide, des animations subtiles, et une expérience utilisateur optimisée pour tous les appareils.

---

Fonctionnalités

• Design élégant et minimaliste inspiré de l'esthétique Apple
• Typographie raffinée avec des polices fines et modernes
• Présentation des projets avec filtres et visualisation détaillée
• Section expérience montrant le parcours professionnel
• Certifications avec filtrage par organisme
• Témoignages de collaborateurs et clients
• Formulaire de contact
• Mode sombre / clair
• Support multilingue (français et anglais)
• Responsive design pour tous les appareils
• Animations et transitions soignées

---

Prérequis

Avant d'installer le projet, assurez-vous d'avoir les éléments suivants :

• Node.js (v16.0.0 ou supérieur)
• npm (v7.0.0 ou supérieur)
• Un éditeur de code (recommandé : Visual Studio Code)

---

Installation

1. Clonez le dépôt

git clone https://github.com/NassimEH/portfolio-nassim-elhaddad.git
cd portfolio-nassim-elhaddad

2. Installez les dépendances

npm install

Démarrage

Pour lancer le projet en mode développement :

npm run dev

Le site sera disponible à l'adresse http://localhost:8080.

Pour construire le projet pour la production :

npm run build

Les fichiers seront générés dans le dossier dist.

Pour prévisualiser la version de production :

npm run preview

---

Technologies utilisées

• React - Bibliothèque JavaScript pour construire l'interface utilisateur
• TypeScript - Superset JavaScript avec typage statique
• Vite - Outil de build moderne et rapide
• Tailwind CSS - Framework CSS utilitaire
• Framer Motion - Bibliothèque d'animations
• Three.js - Bibliothèque 3D
• i18next - Internationalisation
• Zustand - Gestion d'état
• Shadcn/UI - Composants UI accessibles et personnalisables

---

Structure du projet

portfolio-nassim-elhaddad/
│
├── public/                # Fichiers statiques
├── src/                   # Code source
│   ├── components/        # Composants React
│   ├── hooks/             # Hooks personnalisés
│   ├── lib/               # Bibliothèques et utilitaires
│   ├── pages/             # Pages de l'application
│   ├── store/             # Magasins d'état (Zustand)
│   ├── translations/      # Fichiers de traduction
│   ├── utils/             # Fonctions utilitaires
│   ├── App.tsx            # Composant racine
│   └── main.tsx           # Point d'entrée
├── index.html             # Fichier HTML principal
├── package.json           # Dépendances et scripts
├── tailwind.config.ts     # Configuration Tailwind CSS
├── tsconfig.json          # Configuration TypeScript
└── vite.config.ts         # Configuration Vite

---

Licence

Ce projet est sous licence MIT. Voir le fichier LICENSE pour plus de détails.

---