# EliteStudy EliteStudy is a modern mobile-first collaborative exam preparation app for a small student group. It includes authentication, daily and subject-wise quizzes, leaderboard previews, streak tracking, PYQs, notes, sample papers, notifications, performance analytics, dark mode, and an admin panel. ## Tech Stack - React + Vite - Tailwind CSS - Framer Motion - Firebase Authentication - Cloud Firestore - Firebase Storage - Vercel or Netlify hosting ## Setup ```bash npm install cp .env.example .env npm run dev ``` Add your Firebase web app credentials to `.env`. ## Firebase Setup 1. Create a Firebase project. 2. Enable Email/Password in Authentication. 3. Create a Firestore database. 4. Enable Firebase Storage. 5. Copy `.env.example` to `.env` and fill in the values. 6. Add the rules from `database.schema.md`. Without Firebase credentials, the app still opens in demo mode with sample content. ## Folder Structure ```txt src/ components/ navigation.jsx ui.jsx data/ mockData.js screens/ Admin.jsx Auth.jsx Dashboard.jsx Leaderboard.jsx Performance.jsx Profile.jsx Quizzes.jsx Resources.jsx App.jsx firebase.js main.jsx styles.css utils.js database.schema.md ``` ## Features - Login, signup, forgot password, session persistence - Mobile bottom navigation and desktop sidebar - Dark mode persistence - Dashboard with streak, exam countdown, stats, subjects, activity, and leaderboard preview - Timer quiz flow with auto-submit and answer review - Resource library for PYQs, notes, sample papers, PDF/image upload hooks - Performance stats, subject strengths, weekly progress - Admin dashboard for MCQs, quizzes, uploads, users, announcements, analytics - Smooth transitions, empty states, toast notifications, responsive layout ## Deployment ### Vercel ```bash npm run build ``` Import the project in Vercel, add the same environment variables from `.env.example`, and deploy. ### Netlify Build command: ```bash npm run build ``` Publish directory: ```txt dist ``` # Elite