📌 Project Overview

Dashify is a modern and responsive SaaS Admin Dashboard built to provide a scalable and secure foundation for SaaS platforms. Powered by Firebase Authentication and Firestore, it includes role-based access, real-time data sync, theme switching, and a clean, responsive UI.

The goal was to create a production-ready dashboard template that balances performance, usability, and scalability — making it ideal for SaaS startups, booking systems, and admin portals.

⚡ Challenges

• Needed role-based authentication (separate user/admin flows)

• Required real-time Firestore sync for bookings, services, and user data

• Needed state management and caching for a smooth UX

• Dashboard had to support dark/light themes with multiple palettes

• Required secure protected routes for different roles

  
  

🛠️ What I Built

• Authentication system with Firebase (Email/Password, Google Auth, Password Reset)

• Role-based access control (Admin: manage users & services | User: book services & track status)

• Real-time CRUD operations using Firestore

• Global state management with Zustand

• Optimized data fetching & caching with TanStack React Query

• Role-based protected routing with custom route guards

• Light/Dark mode with 10 color palettes

• Responsive UI/UX built with Tailwind CSS

• Toast notifications with React Toastify

• Data visualization with Recharts for insights & reports

  
  

📊 Results & Highlights

• 🔐 Secure login system with role-based authentication

• ⚡ Real-time data updates powered by Firestore

• 🎨 Customizable themes (10 color palettes + dark/light mode)

• 📱 Responsive, mobile-first design for all devices

• 🧩 Scalable and modular codebase ready for SaaS products

• ✅ Test credentials included for demo access (Admin/User roles)

  
  

📦 Tech Stack

React + Vite, TypeScript, Tailwind CSS, Firebase (Auth + Firestore)Authentication & real-time database, Zustand, TanStack , React Router DOM