Code Quiz

About this Project

This single page application is a code quiz to test the user's knowledge of essential coding concepts. The quiz is gamified and prompts users to enter their initials when the quiz is completed. Users have 100 seconds to answer the quiz. User's scores will be determined by how long it takes to complete the quiz. Each incorrect answer will result in the user's score being deducted by 10 points. After the quiz is complete, users can enter their initials to log their scores and compare against other users/attempts.

Javascript HTML CSS

Taking the Quiz

Click 'Start' to begin the quiz. The quiz contains five multiple choice questions. After each question is answered, the correct answer will be shown and highlighted in green. After the last question is answered, users will see their final score and enter their initials to log their scores.

Animated GIF of the quiz showing the question and 4 multiple choice answers

High Scores

Scores are logged and stored in the user's local storage. Scores will be shown in descending order from highest to lowest. Users have the option to clear all scores from their local storage.

Animated GIF of the quiz showing the high scores

What's Next

This app can be expanded by adding more questions and types of questions. It can allow multiple users across different devices to play and submit their high scores for everyone to see. Users could then be authenticated and be able to add or remove their own scores.