Skip to content

Latest commit

 

History

History
67 lines (42 loc) · 2.47 KB

Readme.md

File metadata and controls

67 lines (42 loc) · 2.47 KB

JavaScript Quiz Web Application

This is a JavaScript Quiz Web Application that allows users to test their knowledge of JavaScript concepts through a multiple-choice quiz. The application is designed to provide a smooth and engaging experience with responsive design and dynamic question rendering.

Deployment

This quiz is live and accessible online. Start the JavaScript Quiz here: Play the Quiz

Features

  • Interactive Quiz: Users can answer multiple-choice questions and receive instant feedback on their performance.
  • Responsive Design: The application adapts to different screen sizes, ensuring usability on desktops, tablets, and mobile devices.
  • Dynamic Question Loading: Questions are loaded dynamically from an external file, demonstrating modular code structure.
  • Real-Time Score Calculation: Users can view their performance percentage upon completing the quiz.
  • Retry Option: After completing the quiz, users can restart it with the "Start Again" button.

Technologies Used

  • HTML5: For the structure and layout of the application.
  • CSS3: For styling, including responsive and professional design.
  • JavaScript (ES6): For functionality, such as dynamic question rendering, user interactions, and event handling.

How It Works

  1. The quiz starts by dynamically loading questions from an external JavaScript file.
  2. Users answer questions by selecting one of the multiple-choice options and clicking the "Submit" button.
  3. The application checks the user's answer, updates the score, and loads the next question.
  4. At the end of the quiz, the user's score is displayed along with personalized feedback.
  5. Users can restart the quiz by clicking the "Start Again" button.

Installation

To run the Quiz Web Application locally, follow these steps:

  1. Clone the repository:

    git clone https://github.com/shivlalsharma/js-quiz-app.git
cd js-quiz-app

  2. Open the index.html file in your browser.

    Alternatively, you can set up a local server (e.g., using VS Code Live Server) to view the project in your browser.

License

This project is licensed under the MIT License - see the LICENSE file for details.

Author

Created and deployed by Shivlal Sharma.