(Project description)

Live link can be found here - JavaScript Quiz

• User Stories
• Features
• Future Features
• Typography And Color Scheme
• Wireframes
• Technology
• Testing
• Deployment
• Credits

Visitor Goals

• As a visiting user, I want to quickly understand the purpose of the site and its intended use.
• As a visiting user, I want to easily understand how to play and start the quiz.
• As a visiting user, I want to choose answers and submit them so that I can test my understanding.
• As a visiting user, I want to see my result after I submit it so that I can verify whether my answer was correct or not.
• As a visiting user, I want to know my total score after answering all of the questions.

Landing page

• The landing page is clear, simplistic, and easy to navigate.
• The quiz title and description give the user an instant insight as to what the quiz is about and how it’s played.
• The “Let’s Begin” button will change color when hovered over, and the curser will change shape to a pointer.
• Media queries, so that the site is responsive to different screen sizes.

Quiz section

• The quiz section displays a question and four different answers for the user to choose from.
• One option must be selected to submit and move on to the next question.
• If the correct answer is selected the quiz border turns green and if incorrect it will turn red.
• The “Submit” button will change color when hovered over, and the curser will change shape to a pointer.
• Media queries, so that the site is responsive to different screen sizes.

Result section

• The result section displays the total score and congratulates the user on her or his accomplishments.
• The “Try Again” button offers the user to play again, and will reload the page if clicked.
• Media queries, so that the site is responsive to different screen sizes.

Ideas for future implementation

• Additional questions
• Question counter
• Progress counter
• Score counter
• Leaderboard
• Timer

Colour Scheme

Typography

Code Validation

Test Cases

Fixed Bugs

Supported Screens And Browsers

Via Gitpod

Via Github Pages

Code

Content

Media

Other