QuizApp - Dynamic Quiz Application 🎮

Welcome to QuizApp, a dynamic quiz application built with React and Firebase! This project has been a fun and challenging journey where I implemented features like user authentication, random quizzes, and a competitive leaderboard system.

Demo Links 🚀

• Live Demo: Watch Live

Project Overview

QuizApp allows users to:

• Register and Log In: Secure login and registration system with credentials stored in LocalStorage.
• Take a Quiz: Randomized quiz questions fetched from the Open Trivia API.
• Leaderboard: After completing the quiz, users can view their results in a competitive leaderboard format.

Features 🛠️

1. Login & Authentication

• Users can register and log in with their credentials.
• LocalStorage is used to securely store user data and maintain login status.

2. Quiz Page

• Users can participate in a quiz with randomly shuffled questions and options.
• The quiz questions are fetched from the Open Trivia API, and answers are stored for later review.

3. Leaderboard

• After completing the quiz, users can view their results in a leaderboard format, which shows correct and incorrect answers.

4. Protected Routes

• Only authenticated users can access the quiz and leaderboard pages, ensuring security through React Router's Protected Routes.

Screenshots 📸

Register Page

HomePage

Quiz Page

Leaderboard Page

Tech Stack 🔧

• Frontend: React, React Router, Tailwind CSS
• Backend: Firebase
• API: Open Trivia API (for quiz questions)
• Authentication: LocalStorage for storing user credentials

Key Takeaways 🎯

• Built reusable React components for login, quiz display, and leaderboard.
• Integrated Firebase for user authentication and data management.
• Ensured secure routes using React Router's Protected Routes.
• Designed a smooth UI/UX to enhance user experience.