Introduction to our Quiz App

A Quiz App is a simple web application that presents users with a series of questions and records their answers.

In our version, the app:

• Fetches multiple-choice questions from the Open Trivia Database API.
• Allows users to choose a quiz category or domain.
• Displays one question at a time with randomized answer choices.
• Tracks the user’s current score and shows which questions were answered correctly or incorrectly.
• Presents a final scorecard with a detailed summary.

The app also features a welcoming introduction screen, encouraging messages, and clear transitions between question and result views.

This project will help demonstrate how React handles data fetching, state updates, conditional rendering, and component structure.

Aim of the Project

The main objective of this project is to help you learn how to build an end-to-end React application that uses real-time data, component-based logic, and interactive UI design.

By the end of this build, you will:

• Understand how to create a project using React with Vite.
• Know how to break your UI into components such as Quiz, QuestionCard, and ScoreCard.
• Be able to manage app state using useState and side effects with useEffect.
• Gain experience in using third-party APIs and handling asynchronous data.
• Learn how to style a React app using CSS for layout, typography, and animation.
• Be comfortable implementing navigation logic, score tracking, and conditional rendering.

The final result is a responsive, interactive quiz app that can be hosted and shared, showcasing your skills with React development.