Skip to content

frida-quiz-jofexin created by GitHub Classroom

adatechschool/frida-quiz-jofexin

Repository files navigation

Quiz Frida Kahlo

23/06/25

Le thème du quizz a été défini
Nous avons trouvé des idées de questions sur internet
Nous avons construit le socle de fichiers
Nous avons créé le fichier questions.js et game.js, et nous avons associé les deux avec les fonctions import() et export()
Nous avons créé en HTML un template à remplacer par des intégrations javascript
Nous avons rendu la première question du questionnaire dynamique

24/06/25

Nous avons rendu fonctionnel le bouton "suivant", qui affiche les pages suivantes
Nous avons paramétré la display du bouton suivant pour qu'il disparaisse une fois arrivé au bout du tableau
Nous avons commencé à travailler sur la mise en couleur des boutons
Nous paramétré les boutons de réponses pour que la bonne réponse change de couleur de background

25/06/25

Nous avons paramétré l'affichage en couleur des mauvaises réponses
Nous avons créé le bouton "rejouer"
Nous avons paramétré l'affichage du bouton "rejouer" qui est visible uniquement à la dernière page
Nous avons fait en sorte que le score se réinitialise quand l'utilisateur clique sur "rejouer"
Nous avons désactivé le bouton suivant et rejouer avant une sélection de réponse et les avons réactivés après
Nous avons essayé de créer une page score qui ne s'affiche que quand on a cliqué sur le bouton "afficher le score" (en cours de travail)

26/06/25

On a réparé la page de score
On a réparé le bouton rejouer
On a rendu le bouton "afficher le score" visible uniquement après avoir complété le quiz
On a implémenté un suivi de pages qui indique à quelle étape du quiz on se trouve

27/06/25

On a merge trois versions du CSS, dans lesquelles ont avait travaillé sur l'apparence des boutons, l'intégration d'illustrations et la mise en page générale

30/06/2025

On a mis à jour les réactions de couleur dans le cas où la mauvaise réponse est sélectionnée
On a modifié l'affichage du score dans finalPage pour indiquer des %ages de réussite, et un commentaire personnalisé
On a actualisé le style des boutons
On a affiché les boutons de réponse de manière aléatoire
On a modifié le style des boutons activés lorsque la souris les survole

01/07/2025

On a amélioré la mise en page de la finalPage
On a amélioré la structure CSS
On a initié un timer, tjs en cours
On a séparé les fonctions shuffleArray et progressBar dans les fichiers séparés\

02/07/2025

On a relu et redétaillé les fonctionnalités de game.js
On a optimisé le code game.js
Le style des boutons a été modifié pour qu'ils adoptent tous le même comportement avec hover et desactivated
Modification de l'emplacement de progressContainer et progression qui s'active au clique d'une réponse
Modification de la police du titre
On a trié les lignes de codes obsolètes, ainsi que des commentaires inutiles

About

frida-quiz-jofexin created by GitHub Classroom

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •