robvk/hyf-browsers-project

hyf-browsers-project's Issues

Allow user to select an answer

Technical requirements:

• Clicking on an answer should put that into the quizData object
• After clicking on an answer, the user should go to the next question

10 questions in the array

• The user needs to be able to answer 10 questions
• English dictionary quiz!

Design our question page

• Make our question page look like this:
  

Timer per question

• The user has 30 seconds to answer a question
• After the timer runs out the user goes to the next one

Refreshing the page puts the user back to the same place

• If the user refreshes on a question page, the quiz should go to that question
• If the user refreshes on the result page, the quiz should go back to the start
• If the score is there, it should be still correct
• If the user had already answered the question then it should be on the next question

Add a score to the quiz

• A score element on each question page showing your current correct number of questions and the total question

Add title and favicon

• Add favicon to the html
• Add title to the html
• Title should include the question number

Give user feedback on answer

• When a user chooses an answer, it should be marked as right or wrong using style (green/red?)

Design transitions for going between questions

Just like our example: https://www.typeform.com/templates/t/trivia/

• When the user goes to the next question, the previous should slide up to the top of the screen and the new question should come up from the bottom