Working with Web APIs: Code Quiz
The web app built for this challenge is a timed coding quiz with multiple-choice questions. This app will run in the browser and will feature dynamically updated HTML and CSS powered by JavaScript code that you write. It will have a clean, polished, and responsive user interface.
The following image shows the web application's appearance and functionality:
This app runs in the browser and features dynamically updated HTML and CSS (provided starter code) powered by JavaScript code that I've written. It has a responsive, clean, polished user interface, ensuring that it adapts to multiple screen sizes.
AS A coding boot camp student
I WANT to take a timed quiz on JavaScript fundamentals that stores high scores
SO THAT I can gauge my progress compared to my peers
GIVEN the Code-Quiz app
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 score
Create a code quiz that contains the following requirements:
- A start button that when clicked a timer starts and the first question appears.
- Questions contain buttons for each answer.
- When an answer is clicked, the next question appears
- If the answer clicked was incorrect then subtract time from the clock
- The quiz should end when all questions are answered or the timer reaches 0.
- When the game ends, it should display their score and give the user the ability to save their initials and their score
For users, the project can be easily accessed by following the git clone process toward your local repository.
I received guidance from the TAs and instructors in collaboration with this project. The tutorial materials and other resources provided for the enrolled students at the Skills Bootcamp in Front-End Development acted as sources for primary and secondary links for reference. I will be sure to list below more material used towards the challenge.
Reference List:
This repository is licensed under the MIT license.