Module 10 : Mini-projet guidé

Ce que tu vas construire

Tu as appris les variables, les fonctions, le DOM, les événements, les API... Il est temps de tout assembler dans un vrai projet !

Tu vas construire une application de gestion de produits qui communique avec une vraie API (DummyJSON). Tu pourras afficher, rechercher, trier, ajouter, modifier et supprimer des produits.

Le parcours

Ce mini-projet est guidé étape par étape. Chaque exercice construit sur le précédent :

1. Structure HTML — Créer le squelette de l'application
2. Afficher les produits — Récupérer et afficher des données depuis l'API
3. Ajouter un produit — Formulaire + requête POST
4. Rechercher et trier — Filtrer les produits dynamiquement
5. Modifier un produit — Édition en place + requête PUT
6. Supprimer un produit — Confirmation + requête DELETE

Pourquoi un mini-projet ?

Les exercices isolés t'apprennent les concepts un par un. Le mini-projet te montre comment ils s'assemblent dans une vraie application.

C'est la différence entre connaître les accords de guitare et jouer une chanson entière.

Comment ça fonctionne

• Chaque étape te donne du code de départ qui inclut le résultat de l'étape précédente
• Tu n'as qu'à compléter la partie demandée
• L'aperçu en direct te montre le résultat au fur et à mesure
• À la fin, tu auras une application complète et fonctionnelle

Prêt ?

C'est le dernier module. Montre ce que tu as appris !