Projet final

Objectif

Réaliser en groupe (2-3 personnes) une application front-end en React + TypeScript qui intègre au minimum 3 des patterns vus pendant le cours. Le projet doit être présenté oralement en fin de journée.

Contraintes techniques

• React + TypeScript
• Au moins 3 patterns distincts, identifiables dans le code
• Les patterns doivent répondre à un problème réel dans l'application, pas être ajoutés pour remplir le critère
• Le projet doit compiler et tourner (npm run dev)

Sujets proposés

Option A — Pokémon Team Builder (suite)

Reprendre le projet pokemon-builder-starter et ajouter des fonctionnalités au-delà des exercices guidés :

• Sauvegarde de l'équipe en localStorage (Repository)
• Comparaison de deux équipes (Facade)
• Historique des équipes précédentes (Command)
• Notifications de type différents selon l'action (Observer + Factory)

Option B — Application libre

Sujet libre, à valider avec le formateur avant de commencer. L'idée c'est que le sujet justifie naturellement l'usage des patterns, pas l'inverse.

Exemples passés : gestionnaire de playlists, simulateur de tournoi, tableau de bord de métriques fictives.

Ce qui sera évalué à l'oral

Identification des patterns (40%)

• Savoir nommer les patterns utilisés
• Expliquer le problème qu'ils résolvent dans le contexte du projet
• Montrer le code correspondant

Pertinence (40%)

• Le pattern résout un vrai problème, pas un problème inventé pour justifier son usage
• La séparation des responsabilités est visible

Code (20%)

• Le projet compile
• Les patterns sont isolés dans des fichiers dédiés (pas inline dans les composants)

Ce qui n'est pas évalué

• Le design visuel
• Le nombre de fonctionnalités
• La couverture de tests

Durée

3h30. Présentation de 10 minutes par groupe, questions comprises.