This project is a fun and interactive Quiz App, built using HTML, CSS, JavaScript, and Bootstrap. The app fetches quiz questions from the Trivia API and allows users to answer multiple-choice questions. It displays the user's score at the end of the quiz.
The Quiz App is a simple web application that retrieves trivia questions from the Trivia API. It allows users to:
- Answer multiple-choice questions.
- See correct answers after submitting.
- View the total score after the quiz is completed.
The app uses Bootstrap for responsive and styled design, JavaScript to handle the logic and interactivity, and CSS for additional styling.
- HTML: For structuring the content of the Quiz App.
- CSS: For styling the app and making it visually appealing.
- JavaScript: To fetch questions from the Trivia API, handle user interaction, and calculate the score.
- Bootstrap: For responsive design and quick styling.
- Trivia API: Provides the quiz questions.
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/prasad-droid/Quiz-App.git ``` - Navigate to the project directory:
cd Quiz-App - Open the index.html file in your web browser to start the quiz.
- Open the index.html file in a modern browser.
- Start the quiz by clicking the "Start Quiz" button.
- Answer each question by selecting one of the multiple-choice options.
- After completing the quiz, your score will be displayed.
- Multiple-choice questions: The app fetches random trivia questions from the Trivia API.
- Score display: At the end of the quiz, the app shows how many answers were correct.
- Bootstrap responsive design: The quiz adjusts for various screen sizes, making it mobile-friendly.
- Interactive UI: Users can click to answer, and feedback is given on correct or incorrect answers.
This project is open-source and available under the MIT License.