The Challenge is to create a timed, multiple-choice coding quiz that can keep track of high scores and quiz-takers' initials.
Purpose of this project is to create a timed JavaScript quiz, where users may save their score to their local storage after completing the coding quiz challenge by entering their initials. All the saved scores can be viewed on the highscores pageRestarting the quiz will clear the stored scores.
The quiz is made up of 5 questions The user has 60 seconds to complete the quiz Everytime the user selects an answer: A message tells them if the answer was correct/incorrect If the answer was incorrect, 10 seconds is deducted from the timer The game ends once the timer hits 0 or the user answers all the questions The following demonstrates the application functionality: Main JavaScript Concepts Used, Arrays Objects For loops Functions and callback functions User prompts Alerts Intervals Conditional statements DOM manipulation Local storage accessClasses, CSS Transitions, Breakpoints Event Listeners, setTimeout/ setInterval, Using Local Storage
As you proceed in your career as a web developer, you will probably be asked to complete a coding assessment, which is typically a combination of multiple-choice questions and interactive challenges. Build a timed code quiz with multiple-choice questions. This app will run in the browser and feature dynamically updated HTML and CSS powered by your JavaScript code. It will also feature a clean and polished user interface and be responsive, ensuring that it adapts to multiple screen sizes.
AS A coding bootcamp 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 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 score
This challenge is graded based on the following criteria:
- Satisfies all of the above acceptance criteria.
-
Application deployed at live URL.
-
Application loads with no errors.
-
Application GitHub URL submitted.
-
GitHub repository contains application code.
-
Repository has a unique name.
-
Repository follows best practices for file structure and naming conventions.
-
Repository follows best practices for variable naming conventions, indentation, quality comments, etc.
-
Repository contains multiple descriptive commit messages.
-
Repository contains quality readme with description, screenshot, link to deployed application.
You are required to submit BOTH of the following for review:
-
The URL of the deployed application.
-
The URL of the GitHub repository that contains your code. Give the repository a unique name and include a README file that describes the project.
Website Screenshot
