Quiz games are interactive games designed to test and enhance a player's knowledge on various topics through a series of questions. These games can be played individually or in groups, and they often feature multiple-choice questions.
User Stories
- The user should be able to see a landing page when I arrive at the website to know I'm in the right place.
- The user must be able to see the "start game" button.
- The user should be able to see one question at a time with multiple answer options.
- The user must be able to select an answer for each question.
- The user should be able to see feedback after selecting.
- The user should be able to proceed to the next question.
- The user should be able to view the total score.
- The user should be able to view time of the questions.
How To Play
- Start a Quiz: Click start quiz.
- Read the Question: Carefully read the displayed question.
- Choose an Answer: Click on the option that you think is correct.
- Submit Your Answer: Click the "Next" button to submit your answer and move to the next question.
- View Results: At the end of the quiz, view your score, time taken, and correct/incorrect answers.
- Play Again: To play the game again.
Technologies Used
- HTML
- CSS
- JavaScript
- GitHub
The project itself was deployed and can be viewed here.
Project layout
This image shows the overall layout of the project, highlighting the structure and user interface elements.
Colors
This image displays the color scheme used throughout the quiz game, demonstrating the visual design and aesthetic.
Home Page
The home page of the quiz game, where users can start the quiz and access other features.
Question Page
An example of a question page, showing a single question with multiple answer options for the user to choose from.
Display Result
The results page, where users can see their final score, time taken, and a summary of correct/incorrect answers.
-
Get questions from API
-
Implement different difficulty levels (easy, medium, hard)
-
Add a timer for each question and deduct points for slow responses
-
Include multimedia questions (images, audio, video)
-
Add more diverse question categories
-
Integrate social media sharing to post scores
-
Added message hiding after 1 second.
-
Display final result without hiding the message.
-
Updated UI for better user experience.