🧠 Quizzy 2.0

A sleek, interactive quiz application with modern UI elements, customizable settings, and enhanced user experience.

✨ Features

• Elegant User Interface

  • Glassmorphism design with backdrop filter effects
  • Interactive elements with smooth animations
  • Fully responsive for all device sizes
  • Dark/Light mode toggle

• Customizable Settings

  • Difficulty selection (Easy, Medium, Hard)
  • Adjustable time per question (10s, 20s, 30s, No Limit)
  • Sound effects toggle

• Enhanced User Experience

  • Real-time progress tracking with animated progress bar
  • Instant feedback with color-coded correct/incorrect answers
  • Question timer with visual countdown
  • Hint system for additional help
  • Intuitive navigation with previous/next functionality

• Comprehensive Results

  • Detailed score breakdown
  • Performance statistics (Average time, Max streak, Accuracy)
  • Answer review screen
  • Confetti celebration for high scores
  • Share results functionality

• Visual Feedback

  • Animated success/failure indicators
  • Color-coded answer feedback
  • Smooth transitions between quiz stages

🚀 Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Safari, Edge)
• Basic understanding of HTML, CSS, and JavaScript (for developers)

🛠️ Technology Stack

HTML5

CSS3

JavaScript

📚 Key Components

• Dynamic Question Loading: Questions are loaded dynamically from a JavaScript array
• Game Customization: User can select difficulty and time constraints
• Timer System: Configurable countdown timer with visual feedback
• Hint System: Provides assistance for challenging questions
• Streak Tracking: Records consecutive correct answers
• Performance Analytics: Calculates accuracy, average response time, and max streak
• Review System: Allows users to review all questions and their responses
• Theme Toggle: Switch between light and dark modes
• Sound Effects: Audio feedback for various user interactions
• Results Sharing: Share quiz results with friends

🧩 Project Structure

quizzy-2.0/
├── index.html          # Main HTML structure
├── style.css           # Styling and animations
├── script.js           # Quiz logic and functionality
├── sounds/             # Audio files for sound effects
│   ├── correct.mp3     # Sound for correct answers
│   ├── incorrect.mp3   # Sound for incorrect answers
│   ├── click.mp3       # Sound for button clicks
│   ├── start.mp3       # Sound for quiz start
│   ├── switch.mp3      # Sound for toggling options
│   └── share.mp3       # Sound for sharing results
└── README.md           # Project documentation

🎮 Game Flow

1. Start Screen: Select difficulty and time per question
2. Quiz: Answer questions within the time limit
3. Results: View your score and performance statistics
4. Review: Examine each question and your response
5. Share or Restart: Share your results or play again

📊 Scoring System

• Each correct answer earns 1 point
• Final score is displayed along with:
  • Accuracy percentage
  • Average time per question
  • Maximum consecutive correct answers (streak)

📝 License

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

👨‍💻 Author

Anjishnu Nandi

• 📧 Email: anjicroma@gmail.com
• 🔗 LinkedIn: anjishnu-nandi

🙏 Acknowledgements

• KIIT University for the opportunity to develop this project
• Poppins font by Google Fonts
• KIIT Logo and branding elements

---

_{Developed with ❤️ for KIIT University
⭐ If you like this project, consider giving it a star! ⭐}