A Quiz Website

Assumpta Mbithi - Jul 22 - - Dev Community

This quiz application is a web-based interactive platform designed to test users' knowledge across various topics. Developed using HTML, CSS, and JavaScript, it offers a seamless experience where users can participate in a quiz with multiple-choice questions sourced from a JSON file.

The main features of the quiz application include; A timer that apply to each question independently and when the allocated time ends for a question ends, the application will take the participant to the next question. An interactive interface where the players select answers by clicking on the options displayed on the screen and a submission button at the end of the screen. Also there is a prev-btn that enables the participants to go back to the previous questions if they want. A leaderboard that displays the participants' scores and updates the scores in real time as they progress through the quiz. At the start of the quiz the participants are required to input their name to proceed to the quiz.

The project leverages JavaScript's event-driven model to handle user interactions and timer functionalities effectively. Each aspect of the quiz, from question loading to leaderboard display, is managed through DOM manipulation and asynchronous data fetching techniques.

HOSTING WEBSITE: https://cerulean-daifuku-f1211d.netlify.app/

How To Use The Website
When you click on the above link, you will be taken to a page where the user is required to enter their name to start the quiz(the name doesn't have to be a official name)
Image description official name)

when the quiz starts, there is a 10 seconds timer and when the time ends the quiz will move to the next question. Also when you choose a wrong answer, a correct answer with an explanation will be shown.
Image description

Image description

There is a leaderboard to track the performance of the participants in the quiz in real time.

Image description
At the end of the quiz the leaderboard will with the overall performance of the participants.

Image description

.
Terabox Video Player