Fit Fusion Admin Panel

A responsive and modern Admin Dashboard for managing users, rental items, and fitness challenges.

🔗 Live Site: fit-fusion-admin.vercel.app

---

📌 Features

📊 Dashboard

• Total Users, Total Rentals, and Revenue summary
• User Growth and Monthly Revenue charts

👥 Manage Users

• View users with roles (Admin/User)
• Access control: Active / Flagged
• View rented items and challenges won

🏋️ Manage Rentals

• View fitness equipment (e.g. Treadmill, Dumbbells, Yoga Mat)
• Availability status: Available / Unavailable
• Update price, rent items, or delete them

🏆 Manage Challenges

• Add custom workout challenges
• Assign challenges to users
• Track who completed each challenge

---

🛠 Tech Stack

• Framework: React.js (Vite or CRA)
• Styling: Tailwind CSS
• Charts: Chart.js / Recharts (if applicable)
• Icons: React Icons / Lucide

---

🚀 Getting Started

1. Clone the repository

git clone https://github.com/your-username/fit-fusion-admin.git
cd fit-fusion-admin

2. Install dependencies

npm install

3. Run the app locally

npm run dev     # if using Vite
# or
npm start       # if using Create React App

4. Build for production

npm run build

---

📁 Folder Structure (Expected)

src/
├── components/         # Reusable UI components
├── pages/              # Page-level components (Dashboard, Users, Rentals)
├── assets/             # Images, icons
├── data/               # Dummy data (mock API)
├── App.jsx             # App setup
├── main.jsx            # Entry point

---

📝 Notes

• This is a frontend-only project (no backend connected yet)
• All data shown (users, rentals, challenges) is static or mock
• Backend integration (Firebase, Supabase, Node.js, etc.) can be added later

---

📸 Screenshots

---

👨‍💻 Author

Sahaj Dang

• 💼 LinkedIn
• 💻 GitHub
• 🌐 Portfolio