SYLVAIN TROUILH
cf68d2d2e4
* feat: Enhance portfolio with SEO meta tags, implement API for experiences and projects, and refactor components for improved structure * fix: address Copilot review comments on PR #2 - Migrate Grid callers to the System Grid size prop (GridWrapper) - Render experience icons from exp.type instead of exp.icon - Show experience date range (dateS-dateE) on desktop and mobile - Select experience description from the active i18n language - Restore technology chips from exp.technologies - Rename uesExperience hook to useExperience - Normalize getProjets response to the { data, count } shape - Return ExperienceFull from getExperience - Type useEditProjet/updateProjet with ProjetEdit - Fetch project details from the API in Projet page (useProjet) - Replace ExperienceType enum with const object (erasableSyntaxOnly) - Sync document lang attribute with the active language
Portfolio React
Un portfolio personnel construit avec React pour présenter des projets, compétences et expériences.
Fonctionnalités
- Présentation des projets (vignettes, descriptions, liens)
- Page "À propos" et CV téléchargeable
- Contact via formulaire (ou lien mail)
- Responsive et optimisé pour mobile
Installation
- Cloner le dépôt : git clone
- Installer les dépendances : npm install
Développement
- Lancer le serveur de développement : npm start
- Générer une version de production : npm run build
Structure suggérée
- public/ — fichiers publics (index.html, images)
- src/
- components/ — composants réutilisables
- pages/ — pages (Accueil, Projets, À propos, Contact)
- assets/ — images et styles
- App.jsx, index.jsx
Personnalisation rapide
- Mettre à jour les données (projets, bio) dans un fichier JSON ou un contexte React
- Modifier les styles (CSS, SASS ou Tailwind)
- Remplacer les images et liens par les vôtres
Déploiement
Déployer sur Vercel, Netlify, GitHub Pages ou tout service supportant les apps React. Utiliser le dossier build généré par npm run build.