Partie 14 — Projets guidés
⏱️ TL;DR — Cinq projets progressifs (Niv. 1 → Niv. 5) pour appliquer tout le cours. Chaque projet = un cahier des charges, une table « Endroits à visiter » (les chapitres utiles) et des jalons. On construit du concret : landing page, dashboard, formulaire multi-étapes, thème sur-mesure, app Next.js.
🎯 Comment s’en servir
- Faites-les dans l’ordre : la difficulté monte.
- Essayez sans regarder la solution ; débloquez-vous avec la table « Endroits à visiter ».
- Réutilisez ce que vous construisez d’un projet à l’autre (le thème du projet 4 sert au projet 5).
🗂️ Les projets
| # | Projet | Niveau | Compétences |
|---|---|---|---|
| 1 | Landing page | ⭐ | grille, composants, utilitaires |
| 2 | Dashboard admin | ⭐⭐ | navbar, sidebar, cards, tableaux |
| 3 | Formulaire multi-étapes | ⭐⭐⭐ | forms, validation, tabs/JS |
| 4 | Thème sur-mesure | ⭐⭐⭐⭐ | Sass, variables, color modes |
| 5 | App Next.js | ⭐⭐⭐⭐⭐ | react-bootstrap, App Router |
Premier projet : Projet 1 — Landing page