At some point in my journey to become a full-stack web developer, I will likely be asked to complete a coding assessment—perhaps as part of an interview process. A typical assessment includes both multiple-choice questions and questions. I have created my own assessment based on this.
This app will run in the browser and features dynamically updated HTML and CSS powered by JavaScript code that I have written.
AS A high school student
I WANT to take a timed quiz on country capitals that stores high scores
SO THAT I can gauge my progress compared to my peers
GIVEN I am taking a country quiz
WHEN I click the start button
THEN a timer starts and I am presented with a question
WHEN I answer a question
THEN I am presented with another question
WHEN I answer a question incorrectly
THEN time is subtracted from the clock
WHEN all questions are answered or the timer reaches 0
THEN the game is over
WHEN the game is over
THEN I can save my initials and my score
N/A
The following image demonstrates the application functionality:
You click on 'Start Quiz
The question and option cards
Scoreboards
11/25/23 UPDATE: Working on refactoring and fixing this web application.
12/4/23 UPDATE: All issues have been fixed and I implemented missing features.
New features:
Scoreboard
Ability to enter and save initials and score
"View Scores" modal
"Play Again" button
URL to the deployed site: Quiz Game URL
Thank you to the BCS Learning Assitants for guiding me and helping me on the right path.
