ESK Karlsruhe: Music Quiz

Welcome to the ESK Karlsruhe: Music Quiz! This interactive quiz application allows users to test their knowledge of classical music across four categories: Baroque, Classical, Romantic, and Piano. The app is designed to be intuitive, visually engaging, and fully responsive, providing an enjoyable experience for all users.

---

Table of Contents

1. Project Goals
2. Features
   • Implemented Features
   • Future Features
3. User Experience (UX)
   • Target Audience
   • User Stories
4. Technologies Used
5. Testing
6. Deployment
7. Credits
8. Acknowledgments

---

Project Goals

The primary goal of this project is to create an engaging and educational quiz experience for students of European School Karlsruhe. The quiz aims to:

• Test users' knowledge of classical music, including composers, works, and terminology.
• Provide a visually appealing, modern interface with category-specific themes.
• Offer a smooth and responsive user experience across devices.

---

Features

Implemented Features

1. Start Screen

   • A welcoming introduction to the quiz with a brief description and four category buttons:
     • Baroque
     • Classical
     • Romantic
     • Piano
   • Each button is color-coded to represent its respective category.

2. Dynamic Quiz

   • Each quiz consists of 4 questions (or more, depending on the category).
   • Questions and answers are displayed dynamically, with one question at a time.
   • Users can select an answer, which is visually highlighted, and then proceed to the next question.

3. Category-Specific Design

   • Each quiz has a unique color scheme that reflects its category.
   • Answer buttons and the "Next" button adopt the category's theme for a consistent design.

4. Result Screen

   • Displays the user's final score with a message.
   • Offers two options:
     • Restart: Restart the current quiz.
     • Back to Choices: Return to the start screen to select another category.

5. Responsiveness

   • The quiz is fully responsive and adapts to different screen sizes (desktop, tablet, mobile).

6. User Feedback

   • Hover effects: Buttons increase in size and brightness when hovered over.
   • Selected answers are visually distinct, with a darker background and white text.

Future Features

• Customizable Quiz Length: Allow users to select the number of questions per quiz (e.g., 5, 10, or 15).
• **Lead