https://github.com/raphplt/raph-portfolio
My personal portfolio
https://github.com/raphplt/raph-portfolio
Last synced: 4 months ago
JSON representation
My personal portfolio
- Host: GitHub
- URL: https://github.com/raphplt/raph-portfolio
- Owner: raphplt
- Created: 2024-09-10T21:16:19.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-09-07T16:47:48.000Z (9 months ago)
- Last Synced: 2025-09-07T18:34:18.962Z (9 months ago)
- Language: TypeScript
- Homepage: https://www.raphael-plassart.com/
- Size: 43.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 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
```bash
# 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](http://localhost:3000)
### Scripts disponibles
```bash
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](https://linkedin.com/in/raphaël-plassart)
- **GitHub** : [raphplt](https://github.com/raphplt)
## 📄 Licence
Ce projet est sous licence MIT. Voir le fichier [LICENSE](LICENSE) pour plus de détails.
---
Développé avec ❤️ par Raphaël Plassart