The Coding Quiz is designed to be a mock-up coding assessment that we, as students, will likely have to take at some point during our Web Development journey. By utilizing HTML, CSS, and JavaScript, we are able to build a coding quiz that will test users on their coding knowledge.
No installation required!
🎮 After starting the game from the start screen, users must answer every question within the time limit to win. Players are given a certain amount of time per question but time will also be deducted with every wrong guess. The game is over when all questions are answered correctly, or when the player has run out of time.
📰 When the game is over players are given an input to enter their initials and save their score. After the player's score is submitted, they will be taken to a scoresheet containing past records of highscores.
Finally, when scores are recorded players have the option to either clear their highscores history, or go back to the start screen and try to beat their previous highscore!
The app is live and can be played on GitHub Pages at:
https://grdnd.github.io/coding-quiz/ 🔋
The minimal design allows players to focus on the main objectives of the game!
========================= ACCEPTANCE CRITERIA =========================
GIVEN I am taking a code 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 ✔️
If you wish to make a contribution, access my Coding Quiz repo:
https://github.com/grdnd/coding-quiz
Feel free to contact me at:
GitHub: https://github.com/grdnd 