Skip to content

yooooka/pokemon-quiz-pub

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokémon quiz

Typescript, UX and accessibility exercise.
https://pokemon-quiz-pub.vercel.app/

See this in Stackblitz
https://stackblitz.com/edit/pokemon-quiz-pub?file=README.md

Constraints

  • Five questions minimum
    • At least one question should have only a single answer
    • At least one question should have multiple answers
  • It should be responsive and accessible.
  • Questions:
    • Each question screen is presented one at a time.
    • When the user submits an answer, they are presented with an indication if they were correct or wrong.
  • Results: After the final question, the user is sent to the results screen. The screen includes the current score, high score and the date they achieved the high score. Messaging on the screen should change based on the user’s score.

Design highlights

  • Light/Dark mode
  • Pikachu animation when the answer is correct
  • Compliant to WCAG 2.1 Level AA