Quiz App🧠⚡

A modern dark-themed quiz application, built using React and Tailwind CSS. Test your knowledge with dynamically fetched trivia questions!

Images

start

quiz

result

Video

click to watch

Features ✨

• 🌑 Dark mode UI with purple accents
• 📊 Real-time progress tracking
• 🏆 Score system with streak bonuses
• 🔄 API-powered questions (Open Trivia Database)
• 🎮 Interactive multiple-choice interface
• 📈 Performance metrics and results summary
• 📱 Fully responsive design

Tech Stack 🛠️

• Frontend: React (Vite)
• Styling: Tailwind CSS

Installation ⚙️

1. Clone repository

   git clone https://github.com/Darkeye27/Quiz-App.git
   cd quizcraft

2. Install dependencies

   npm install

3. Start development server

   npm run dev

4. Open in browser

   http://localhost:5173
   

Project Structure 📂

src/
├── components/
│   ├── StartScreen.jsx    # Landing page
│   ├── Quiz.jsx           # Main quiz interface
│   └── Summary.jsx        # Results screen
├── App.jsx                # Root component
└── main.jsx               # Entry point

License 📄

This project is licensed under the MIT License - see LICENSE file for details.