Objectifs
- Mettre en avant mon profil d’apprenti en exploitation & infra.
- Créer un design cohérent (tokens, spacing, composants).
- Assurer la performance (HTML/CSS/JS natif) et l’accessibilité.
- Prévoir une structure évolutive (pages projet dédiées).
Stack & techniques
- HTML sémantique (nav/section/header/article).
- CSS : variables (tokens), grid/flex, scroll-snap, responsive.
- JS : thème persistant localStorage, observer pour les reveals, carousel accessible.
- Images adaptées, alt text, contrastes conformes.
Défis & solutions
- Accessibilité : navigation clavier, aria-labels, focus sur le carousel.
- Responsive : cartes fluides (31/48/86%), scroll-snap pour mobile.
- Évolutivité : séparation page projet (ce document) + liens depuis le carousel.
Résultats
- UX claire, lecture rapide via mini-blocs et tags.
- Code maintenable (tokens + composants réutilisables).
- Base solide pour ajouter d’autres projets.