QuizVerse is a fast-paced, multiplayer quiz battle web app designed to make learning fun and competitive for high school students. Players join live quiz rooms, answer timed questions across various subjects, and earn points, streaks, and ranks. It’s gamified learning that keeps students engaged, motivated, and always coming back for more.
- 🎮 Multiplayer Quiz Battles: Compete in real-time against other players.
- 📚 Diverse Subjects: Question sets for Math, Science, History, and more.
- 🔥 Gamified Elements: Earn points, build up streaks, and climb the leaderboard.
- 📱 Responsive Design: Seamless experience on both desktop and mobile devices.
- 🔐 Secure Authentication: User accounts powered by Firebase Authentication.
- ☁️ Real-time Database: Live data synchronization with Firebase Firestore.
(Add screenshots of your application here. For example: the home screen, a quiz in progress, and the leaderboard.)
| Home Page | Quiz View | Leaderboard |
|---|---|---|
![]() |
![]() |
![]() |
| Layer | Tools Used |
|---|---|
| Frontend | HTML, CSS, JavaScript |
| Backend | Node.js, Express |
| Database | Firebase Firestore |
| Auth | Firebase Authentication |
| Hosting | GitHub Pages or Firebase Hosting |
| Design | Figma (for UI mockups) |
To get a local copy up and running, follow these simple steps.
A modern web browser is all you need to run the frontend. For development involving backend services (Firebase), you will need Node.js.
- Clone the repository:
git clone https://github.com/your-username/quizverse.git
- Navigate to the project directory:
cd quizverse - To run the application, simply open
index.htmlin your browser. For the best experience and to avoid potential CORS issues, it's recommended to use a live server, such as the Live Server extension for VS Code.
.
├── 📄 index.html # The main landing page for starting a quiz.
├── 📄 dashboard.html # The page where the actual quiz takes place.
├── 📄 leaderboard.html # The page displaying high scores.
├── 🎨 styles.css # All styles for the application.
├── 📜 script.js # Core JavaScript logic for quiz functionality.
└── 📖 README.md # You are here!


