Skip to content

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.

Notifications You must be signed in to change notification settings

ProjectMahe/QuizVerse

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

📚 QuizVerse

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.

➡️ Live Demo Link


✨ Key Features

  • 🎮 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.

📸 Screenshots

(Add screenshots of your application here. For example: the home screen, a quiz in progress, and the leaderboard.)

Home Page Quiz View Leaderboard
Home Page Quiz View Leaderboard

🛠️ Tech Stack

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)

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

A modern web browser is all you need to run the frontend. For development involving backend services (Firebase), you will need Node.js.

Installation

  1. Clone the repository:
    git clone https://github.com/your-username/quizverse.git
  2. Navigate to the project directory:
    cd quizverse
  3. To run the application, simply open index.html in 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.

📂 Project Structure

.
├── 📄 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!

About

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.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published