Story: Quiz Feature

[kslg]

Functional Overview:

• This quiz will test the users general knowledge of the Start Wars iconic character Darth Vader.
• The quiz is to be time based and the user will have ten questions to answer correctly before the timer runs out.
• The questions are multiple choice and the user will will given a score out of ten at the end of the quiz.
• The users can also check their answers.
• Depending on the user's score, they will be presented with different feedback message along with a sound bite from the movie.
• The quiz will be features on a separate page and linked to the other pages on the site.
• The user will have the ability to restart the quiz at any time.
• Instruction will be given to the user on how to play the quiz.
• If the user does not complete the quiz on time then they are prompted by a pop-up telling them time is up.

Business Rules:

• On page load the player is presented with a welcome caption before being able to start the quiz. The player can also click 'How to play' to see instructions first.
• Add ten multiple choice questions to the question bank.
• Create a sixty second countdown timer triggered by the start button and stops when the timer reaches zero.
• Create a next function so the next question shows when the user selects an answer.
• Create a 'times up' modal to display when the countdown reached zero.
• Create a scoreboard in the same container so the user is shown a score based on their answers and feedback with sound bite.
• Create a 'check answers' section so the user can see what answers they gave.
• 'Restart' Button refreshes the page and reloads the quiz.
• Devices in scope: Desktop Tablet Mobile

Acceptance Criteria:

1. As a User I want to see a main start page for the quiz so that i can play the quiz.
2. As a User I want to click 'start' so that I can play the quiz.
3. As a User I want to click 'how to play' so that I can see a pop up modal with details on how to play the quiz..
4. As a User I want to see a sixty second countdown time' so that I can see how much time i have left..
5. As a User I want to presented with ten multiple choice questions so that I can play the quiz.
6. As a User I want to move onto the next question so that I can carry on with the quiz.
7. As a User I want to see my score in a scoreboard with dynamic feedback and hear a sound bite so that I can see how well I did.
8. As a User I want to restart the quiz in the score area so that I can restart the quiz if I choose to..
9. As a User I want to check my answers from the score area so that I can see my answers.
10. As a User I want to see a 'times up' pop up so that I know I have run out of time..
11. As a User I should not see a 'times up' pop up when I have completed the quiz on time..
12. As a User I want to play the quiz on responsive devises and on desktop so that I can play the quiz anywhere on the go.