Skip to content

adatechschool/projet-quiz-codezilla-s-girls

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Projet CodeZilla Kids

Contexte

Notre application consiste à apprendre aux plus petits âgés de minimum 7 ans, des notions de HTML et de CSS. Pour ce faire, notre Quiz App permet de répondre à des questions de manière ludique avec notre ami DinoDingo!

Objectifs

  • Transmettre du savoir de manière ludique.
  • Attiser leur curiosité sur le HTML et CSS en leur donnant envie d’en savoir plus via le questionnaire.
  • Proposer une application intéractive et de qualité.

Contraintes

  • Trouver un moyen de proposer des questions sur des notions techniques adaptées à de jeunes enfants.
  • Respecter la stack technique imposée qui est HTML, CSS et JavaScript.

Livrable

Les fonctionnalités requises sont les suivantes:

  1. L’application propose une série de 4 questions minimum.
  2. Lorsque l‘utilisateur·ice arrive sur la page d‘accueil du site, il/elle voit la première question de cette série, avec plusieurs réponses possibles parmi lesquelles l'utilisateur·ice doit choisir.
  3. L'utilisateur·ice clique sur l'une des options de réponse à cette question. Le bouton "Suivant" reste désactivé tant que l'utilisateur·ice n'a pas sélectionné une réponse.
  4. Lorsque l'utilisateur·ice sélectionne une option, les autres options ne peuvent plus être sélectionnées.
  5. Le résultat (bonne réponse ou mauvaise réponse) est affiché immédiatement.
  6. Le bouton "Suivant" est de nouveau actif, quand il est cliqué par l'utilisateur·ice, il passe à la question suivante.
  7. Le score est calculé et affiché à la fin du quiz.
  8. Un message personnalisé est affiché en fonction du score.
  9. Une fois le quiz terminé, l'utilisateur·ice a la possibilité de cliquer un bouton pour rejouer.