Quizzical is a React-based quiz application that allows users to test their knowledge across various categories and difficulties.
Quizzical is a solo project recommended by Bob Ziroll, an instructor at Scrimba. It is built as part of the learning journey through the Frontend Developer Career Path offered by Scrimba.
- Users can select the number of questions, category, and difficulty level before starting the quiz.
- Shuffle answers for each question to avoid predictability.
- Once all questions are answered, users can check their results.
- The application displays the number of correct answers out of the total questions.
- Confetti animation celebrates the user's success if all answers are correct.
To run the application locally, follow these steps:
- Clone the repository:
git clone https://github.com/iamtahirk/Quizzical.git - Install dependencies:
npm install - Start the development server:
npm run dev - Visit
http://localhost:5173/in your browser to use the application.
- Visit the Quizzical App website.
- Select the number of questions, category, and difficulty level from the dropdown menus.
- Click the "Start Quiz" button to begin the quiz.
- Answer each question by selecting one of the provided options.
- After answering all questions, click the "Check Answers" button to see your results.
- The application will display the number of correct answers out of the total questions.
- You can play the quiz again by clicking the "Play Again" button.
- This project was recommended by Bob Ziroll, an instructor at Scrimba.
- The quiz questions are fetched from the Open Trivia Database.
- React.js
- Axios for API requests
- React Confetti for celebration animation
This project is licensed under the MIT License.