QuizVibe 🎯

Test Your Knowledge, Challenge Your Mind

Overview • Features • Preview • Getting Started • Tech Stack • Team

Overview 🚀 QuizVibe is a portfolio project developed as part of the ALX Africa Software Engineering Program. This interactive quiz platform demonstrates the practical application of full-stack development skills acquired during the program, showcasing modern web development practices, user-centric design, and secure authentication implementation. ALX Africa Context 🌍 This project represents the culmination of our learning journey at ALX Africa, where we've applied:

Full-stack development principles User authentication and security Database management Responsive design Team collaboration Project management

Features ✨

• 🔐 Secure Authentication
• 📚 Multiple Quiz Topics
• 🎯 Adjustable Difficulty Levels
• ⏱️ Timed Challenges
• 📊 Progress Tracking
• 🎨 Modern UI/UX Design
• 📱 Responsive Interface

Preview 📸

Welcome to QuizVibe

Your gateway to knowledge and challenge

Secure Login

Safe and simple authentication process

Explore Topics

Diverse range of subjects to test your knowledge

Choose Your Challenge

Multiple difficulty levels to match your expertise

Track Your Progress

Comprehensive view of your quiz performance

Review Your Answers

Detailed feedback and explanations for each question

Personal Dashboard

Monitor your progress and achievements

Getting Started 🏁

1. Clone the Repository

git clone https://github.com/skiiipy69/QuizVibe.git
cd quizvibe

2. Install Dependencies

npm install

3. Environment Setup Create a .env file with your Firebase credentials:

VITE_FIREBASE_API_KEY=your_api_key
VITE_FIREBASE_AUTH_DOMAIN=your_auth_domain
VITE_FIREBASE_PROJECT_ID=your_project_id

4. Start Development Server

npm run dev

Tech Stack 💻

• Frontend: React + Vite
• Styling: TailwindCSS
• Backend: Firebase
• Authentication: Firebase Auth
• Database: Firestore
• Hosting: Firebase Hosting

Team 👥

👤 Dad Mohammed

• GitHub: @DadMed
• LinkedIn: Dad Mohammed

👤 Zouhair Elabbasi

• GitHub: @skiiipy69

---

Made with ❤️ by the QuizVibe Team