Trivia App

Author: Tobenna Nwosu
Project Duration: 1 Week (June 2025)

🧠 Project Overview

This is a responsive trivia quiz application built with React and Vite. It allows users to customize their quiz experience and test their knowledge with real-time feedback.

---

✨ Features

• Customize your quiz: choose the number of questions, difficulty level, and category
• Fetches questions from the Open Trivia Database API
• Randomizes answer choices for each question
• Highlights selected answers for better visibility
• Displays score with color-coded feedback (correct/incorrect)
• Review answers in a collapsible view after quiz completion
• Fully responsive and user-friendly UI

---

🚀 Getting Started

1. Clone the Repository:

   git clone https://github.com/your-username/trivia-app.git
   cd trivia-app

2. Install Dependencies:

   npm install

3. Start the Development Server:

   npm run dev

🕹️ How to Use

1. Select quiz options:

   • Number of questions
   • Difficulty (easy, medium, hard)
   • Category

2. Click "New Quiz" to generate your trivia.

3. Select answers for each question.

4. Click "Submit" to see your score and review answers.

🛠️ Technologies Used

• React
• Vite
• Open Trivia Database API
• CSS (Grid & Flexbox) for responsive layout
• Vercel for Deployment