Welcome to Nexora Frontend, the client-side application for the Nexora Apartment Management & Rental Platform.
This frontend is built with React 19, Vite, Tailwind CSS 4, DaisyUI 5, and TanStack Query 5, delivering a blazing‑fast, responsive, and interactive experience.
✅ Authentication with Firebase (login, signup, role-based access)
✅ Admin Dashboard with real-time stats & charts (Recharts)
✅ Manage Apartments – add, edit, and track availability
✅ Manage Coupons – add/edit/delete and toggle availability
✅ Interactive Map (React Leaflet) for warehouse/coverage areas
✅ Stripe Payment Integration for secure payments
✅ Responsive UI with Tailwind CSS & DaisyUI
✅ Real-time data fetching & caching using TanStack Query
✅ Beautiful modals & alerts with SweetAlert2
✅ Animations with Framer Motion & GSAP
| Tech | Purpose |
|---|---|
| ⚛️ React 19 | UI Framework |
| ⚡ Vite 7 | Build tool & dev server |
| 🎨 TailwindCSS 4 | Utility-first styling |
| 🌸 DaisyUI 5 | Prebuilt Tailwind components |
| 🔄 TanStack Query 5 | Data fetching & caching |
| 📡 Axios | HTTP client |
| 🔥 Firebase | Authentication |
| 💳 Stripe | Payments |
| 📊 Recharts | Charts & graphs |
| 🗺️ React Leaflet | Interactive maps |
| 🗓️ Date-Fns / React Datepicker | Date handling |
| ✨ SweetAlert2 | Alerts & confirmations |
- Clone the repository
git clone https://github.com/Programming-Hero-Web-Course4/b11a12-client-side-Tajuddin80.git
cd nexora-client
2. Install dependencies
npm install
⚙️ Environment Variables
Create a .env.local file in the root and add:
🚀 Development
Run locally with:
npm run dev
App will be served on http://localhost:5173.
🏗️ Production Build
To build the production-ready files:
npm run build
Preview production build locally:
npm run preview
📊 Admin Dashboard
On the admin dashboard, you can view:
👤 Admin Profile (name, image, email)
🏠 Total Rooms in the database
📈 % Available Rooms
📉 % Unavailable/Agreement Rooms
👥 Total Users
🧑🤝🧑 Total Members
🎟️ Coupon Management
These stats are visualized with charts for better insights.
🤝 Contributing
Contributions are welcome!
Fork the repo
Create a new branch (git checkout -b feature/new-feature)
Commit changes (git commit -m "Add new feature")
Push to your branch and open a Pull Request.
📜 License
This project is licensed under the MIT License.
Feel free to use and modify as per your needs.
💡 About
Nexora is designed to simplify apartment management for owners, admins, and tenants, combining modern web tech and a sleek UI.
💻 Frontend built with ❤️ by Taj Uddin.
---