TP de 3 séancesSLAM2e année
BrickFinder, mini-projet full-stack
Tu construis de zéro une appli façon Brickit : une photo de briques, un inventaire tiré par l'IA de vision, puis les sets que tu peux construire. Une vraie réalisation pour ton portfolio E6.
Par Josselyn C., prof de BTS SIO. Publié le , mis à jour le .
Le projet, séance par séance
Séance 1 : Coder le back qui voit
BrickFinder Le back qui voit
Tu montes un serveur Express qui reçoit une photo, la fait lire par l'IA de vision Claude et renvoie un inventaire JSON validé avec Zod.
15 chapitres9 livrables
Séance 2 : Brancher MongoDB et le catalogue
BrickFinder Le catalogue & le cerveau
Tu ranges dans MongoDB un catalogue de sets Lego tiré de l'API Rebrickable, puis tu codes le moteur qui dit quels sets tu peux construire.
12 chapitres7 livrables
Séance 3 : Coder le front React et sécuriser
BrickFinder Le front & la sécurité
Tu crées l'interface React qui envoie la photo et affiche les sets constructibles, puis tu verrouilles la clé, les entrées et les routes sensibles.
13 chapitres8 livrables
Le TP en bref
- Durée
- 3 séances
- Pour qui
- SLAM, 2e année
- Prérequis
- Aucun : on part de zéro, chaque outil est installé et expliqué au fil du TP.
- Matériel
- Un PC avec Node.js 18+ et VS Code, une clé d'API d'IA de vision (Claude, ou Gemini avec son palier gratuit), MongoDB (Atlas ou Docker) et une clé Rebrickable.
- Outils
- Node.js, Express, MongoDB, React, API Claude
Compétences du référentiel
- C2.1Concevoir et développer une solution applicative
- C2.3Gérer les données
- C3.5Assurer la cybersécurité d'une solution applicative
Les cours à réviser avec ce TP
- Programmation
Node.js et Express
npm, Express 5, API REST, MySQL, Prisma, JWT, tests, Swagger, Docker
Intermédiaire · 16 chapitres · 5 h 32 min
- Programmation
MongoDB et API Node.js
NoSQL, requêtes, modélisation, index, agrégation, Mongoose, API Node.js, sécurité
Intermédiaire · 15 chapitres · 4 h 44 min
- Programmation
React
Composants, props, état, hooks, formulaires, API, routage, authentification, tests, déploiement
Intermédiaire · 16 chapitres · 5 h 30 min
- Programmation
API REST et échanges entre applications
HTTP, codes de statut, JSON, conception, OpenAPI, authentification, CORS, tests
Intermédiaire · 13 chapitres · 4 h 26 min
- Qualité et sécurité
Sécurité applicative
OWASP Top 10 2025, injections, XSS, CSRF, contrôle d'accès, JWT, logs, tests de sécurité
Intermédiaire · 15 chapitres · 4 h 39 min