This project is a React-based quiz applicatio. It fetches quiz data from an external API, presents questions to the user, tracks their progress, and provides a detailed summary at the end. The backend is built using Node.js and Express, serving the quiz data from the Api and providing in the frontend.
The TestLine Quiz App is designed to be an engaging and informative way to test your knowledge of genetics and evolution. It provides a user-friendly interface with a timer for each question, immediate feedback on answers, and a comprehensive score report , it tracks progres .
(Include screenshots of your application here. Use a tool like ShareX, Lightshot, or the built-in screenshot functionality of your OS. Name the images clearly, e.g., start_screen.png, quiz_screen.png, end_screen.png. Place the images in a folder named screenshots in your repository. Then reference them like this:)
- Dynamic Quiz Data: Fetches quiz questions from an external API, allowing for easy updates and content management.
- Timed Questions: Each question has a timer to add a sense of urgency.
- Immediate Feedback: Users receive instant feedback on whether their answer is correct or incorrect.
- Detailed Explanations: After each question, a detailed explanation is provided for the correct answer.
- Progress Tracking: Shows the user's progress throughout the quiz, including solved, missed, and skipped questions.
- Score Summary: At the end of the quiz, a summary is displayed showing the user's overall score and performance.
- Responsive Design: The application is designed to be responsive and work well on different screen sizes.
- Frontend: React, React Router, Tailwind CSS (for styling)
- Backend: Node.js, Express, CORS
- API: Data fetched from a JSON file proved by TestLine.
Check out the demo video by clicking on this link: [![TestLine Quiz App Demo](https://www.youtube.com/watch?v=abcdef123456