Contexte du projet
Ce portfolio est un projet personnel conçu pour présenter mes compétences, mes réalisations et mon parcours à des recruteurs et collaborateurs potentiels. Il a été entièrement développé à la main, sans framework ni CMS, avec du HTML, CSS et JavaScript purs.
L'objectif était de créer un site élégant, rapide et cohérent visuellement, tout en démontrant mes compétences en développement web front-end.
Conception et design
Le design suit une direction éditoriale minimaliste avec deux thèmes (clair / sombre) et une palette construite autour d'un noir profond, d'un or chaud et d'un vert accent.
- Système de design avec variables CSS pour une cohérence totale
- Typographie combinant Syne (titres expressifs) et DM Sans (corps lisible)
- Thème sombre par défaut, bascule vers un thème clair fluide
- Préférence de thème sauvegardée dans le localStorage
Palette de couleurs
Fonctionnalités
- Navigation fixe avec effet de flou (backdrop-filter)
- Sections : Hero, À propos, Compétences, Projets, Expérience, Contact
- Timeline d'expérience et de formation
- Pages détaillées par projet (ce que vous lisez actuellement)
- Formulaire de contact intégré
- Bouton de téléchargement du CV
- Design entièrement responsive (mobile, tablette, desktop)
Ce que j'ai appris
Ce projet m'a permis de consolider mes compétences en HTML/CSS pur, en structurant un projet web multi-pages cohérent sans dépendances externes. Il m'a aussi donné l'occasion de travailler la conception visuelle et l'expérience utilisateur.
- Variables CSS et architecture de design system
- Gestion du thème clair/sombre avec localStorage
- Mise en page avancée avec CSS Grid et Flexbox
- Responsive design sans framework CSS