Skip to content

Introducing QuizApp – a feature-rich quiz application built with React and Firebase, offering user authentication, randomized quizzes, and a competitive leaderboard.

Notifications You must be signed in to change notification settings

Bikash-design-lab/QuizApp

Repository files navigation

🎯 QuizApp

A modern React-based Quiz Application built with Vite and styled using Tailwind CSS.
It allows users to register, take quizzes, and track scores on the leaderboard.

Live Site


🚀 Features

  • 📚 Interactive Quiz – Attempt quizzes with instant feedback.
  • 🔐 Protected Routes – Secure pages (only accessible after registration/login/LocalStorage).
  • 🏆 Leaderboard – Track top performers.
  • 🌐 Responsive UI – Mobile-first design with TailwindCSS.
  • Fast Build – Powered by Vite for blazing fast development.

🛠️ Tech Stack

  • Frontend: React 18 + Vite
  • Routing: React Router v7
  • Styling: TailwindCSS
  • HTTP Requests: Axios
  • Linting: ESLint
  • Deployment: Netlify

📂 Project Structure

QuizApp/
│── public/ # Static files
│ └── vite.svg
│── src/
│ ├── App.jsx # Root component
│ ├── main.jsx # Entry point
│ ├── index.css # Global styles
│ ├── Components/
│ │ └── Common/Navbar.jsx
│ ├── Pages/
│ │ ├── Home.jsx
│ │ ├── LeaderBoard.jsx
│ │ ├── Quiz.jsx
│ │ └── Register.jsx
│ └── Utils/ProtectedRoutes.jsx
│── .gitignore
│── package.json
│── vite.config.js
│── tailwind.config.js
│── postcss.config.js
│── README.md

Screenshot: Screenshot 2025-08-29 014154

About

Introducing QuizApp – a feature-rich quiz application built with React and Firebase, offering user authentication, randomized quizzes, and a competitive leaderboard.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published