Portfolio Raphaël Plassart

Portfolio professionnel de Raphaël Plassart, développeur fullstack passionné par la création d'applications web et mobiles modernes.

🚀 Technologies utilisées

• Framework : Next.js 15 avec App Router
• Langage : TypeScript
• Styling : Tailwind CSS
• Animations : Framer Motion
• UI Components : Radix UI
• Déploiement : Vercel

✨ Fonctionnalités

🎨 Interface utilisateur

• Design moderne et responsive avec Tailwind CSS
• Mode sombre/clair avec persistance des préférences
• Animations fluides avec Framer Motion
• Navigation sticky avec indicateur de section active
• Timeline interactive avec ligne dorée animée au scroll
• Bouton "Retour en haut" avec animation

📱 Responsive Design

• Mobile-first avec breakpoints optimisés
• Navigation adaptative (texte sur desktop, icônes sur mobile)
• Images optimisées avec Next.js Image
• Lazy loading pour les performances

🔍 SEO & Accessibilité

• Métadonnées complètes (Open Graph, Twitter Cards)
• Schema.org JSON-LD pour les moteurs de recherche
• Sitemap.xml automatique
• Robots.txt optimisé
• Attributs ARIA pour l'accessibilité
• Contrastes améliorés pour la lisibilité

📧 Formulaire de contact

• Validation front-end robuste
• Intégration Formspree pour l'envoi d'emails
• Messages d'erreur détaillés
• États de chargement avec animations

🚀 Performances

• Images optimisées avec placeholder blur
• Dynamic imports pour le code splitting
• Lazy loading des composants lourds
• Bundle optimisé avec Next.js 15

🛠️ Installation et développement

Prérequis

• Node.js 18+
• npm ou yarn

Installation

# Cloner le repository
git clone https://github.com/raphplt/raph-portfolio.git

# Installer les dépendances
npm install

# Lancer le serveur de développement
npm run dev

Le site sera accessible sur http://localhost:3000

Scripts disponibles

npm run dev      # Serveur de développement
npm run build    # Build de production
npm run start    # Serveur de production
npm run lint     # Vérification ESLint
npm run format   # Formatage Prettier

📁 Structure du projet

├── app/                 # Pages Next.js (App Router)
├── components/          # Composants React
│   └── ui/             # Composants UI réutilisables
├── lib/                # Utilitaires et hooks
├── public/             # Assets statiques
└── styles/             # Styles globaux

🎯 Sections du portfolio

• Accueil : Présentation et hero section
• À propos : Compétences et approche
• Parcours : Timeline professionnelle
• CV : Téléchargement du CV
• Projets : Galerie de projets détaillée
• Témoignages : Retours clients
• Contact : Formulaire de contact

📧 Contact

• Email : raphael.plassart@gmail.com
• LinkedIn : raphaël-plassart
• GitHub : raphplt

📄 Licence

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

---

Développé avec ❤️ par Raphaël Plassart