A stylish, responsive, and dynamic quiz application built with HTML, CSS, and JavaScript. This project features a vibrant neon aesthetic and focuses on a clean, modern user experience, making learning fun and engaging.
- Vibrant Neon Theme: A custom dark theme with bright blue and magenta neon glow effects for an eye-catching interface.
- Dynamic Category Selection: Easily select from multiple quiz categories (e.g., Technology, Sports, Science) which load their respective question sets dynamically.
- Real-time Timer: A persistent, circular timer encourages quick thinking and adds an element of challenge.
- Clear Feedback: Instant visual and text feedback after each answer selection.
- Responsive Design: The layout is optimized for excellent viewing and interaction on both desktop and mobile devices.
- Post-Quiz Encouragement: Displays a final score with a customized message based on performance.
-
Clone the repository:
git clone https://github.com/Dakshaaaaa/QuizRush.git cd QuizRush -
Open in Browser: Open the
index.htmlfile directly in your web browser.(Alternatively, if you have a local server environment like VS Code's Live Server extension, use that for the best development experience.)
The core logic and styling are contained in the following files:
| File | Description |
|---|---|
index.html |
The main structure and content of the application. |
style.css |
Handles all the styling, including the custom neon colors, shadows, and responsiveness. |
script.js |
Contains the main quiz logic: fetching questions, timing, checking answers, scoring, and managing the UI state. |
data/ |
Directory for JSON files containing quiz questions for each category. |
This project is licensed under the MIT License - see the LICENSE file for details.