Cours 11.1 PHASE FONDATION¶
Foundation - Structure et affichage de base
SCRUM d'équipe¶
..
Mini cours: Pinia (45 min)¶
Pinia: bibliothèque (store) de gestion d'état pour les application Vue.js.
Mémoire interactive¶
Création des stores:¶
useMuseumStore.js(structure de base)useMemoryStore.js(structure de base)
Développement des composants clés:¶
RoomCard.vue(carte de salle)MemoryCard.vue(carte de mémoire)MemoryList.vue(grille de mémoires)
Trace ton chemin¶
Création des stores:¶
useStoryStore.js(chapitres, navigation)usePlayerStore.js(état du joueur)
Création du fichier JSON avec les chapitres¶
Développement des composants clés:¶
ChoiceButton.vue(bouton de choix)ChoicePanel.vue(panel de choix)
Affichage des 3-4 premiers chapitres (texte statique)¶
Devoir¶
Mémoire interactive
Mémoire interactive:¶
Terminer ce qui a été commencé en classe:
- Minimum 6-8 composants créés et fonctionnels
- Vue Router configuré avec 4+ routes
- 2 stores Pinia créés avec state/actions/getters de base
- Navigation fonctionnelle entre les pages
- Données mockées affichées correctement
Trace ton chemin¶
Terminer ce qui a été commencé en classe:
- Minimum 6-8 composants créés et fonctionnels
- Vue Router configuré avec routes par chapitre
- 2 stores Pinia créés avec state/actions/getters de base
- Navigation fonctionnelle entre chapitres
- Tous les chapitres dans le fichier JSON
- Affichage du texte fonctionnel (3-4 chapitres minimum)