Fleww is a state-of-the-art property booking and management application designed with a premium "Amber Gold" aesthetic. It provides an end-to-end mission-ready interface for travelers seeking high-quality stays and hosts managing luxury rentals.
- Fluid Discover Interface: An immersive, 6-column property grid featuring square, high-definition photography and an edge-to-edge layout for maximum impact.
- Dynamic HQ Details: Detailed property insights with verified guest ratings, instant-sync reviews, and a high-performance booking widget.
- Intelligent Wishlist: Save and organize your favorite HQs with a custom heartbeat animation and elegantly spaced 4-column layout.
- Stay Management (My Stays): A unified dashboard to track your past and upcoming trips, manage payment statuses, and debrief your experiences.
- Feedback Loop: Integrated review system allowing users to submit, view, and update feedback with a dedicated "Cancel Edit" flow.
- Host Dashboard: Complete command center for managing property listings, reservations, and guest check-ins.
- Real-Time HQ Chat: Instant communication link between guests and hosts powered by Socket.io, featuring unread message indicators and a sleek modal interface.
- Listing Command: Full CRUD support for property creation and editing with high-resolution image uploads.
- Role-Based Access (RBAC): Secure multi-level governance for SuperAdmins, Admins, Hosts, and Travelers, each with tailored dashboards and protected routes.
- Amber Gold Theme: A curated, premium color palette utilizing Amber Gold, Black, and White with glassmorphism and subtle micro-animations.
- Responsive Geometry: Edge-to-edge designs with refined corner rounding and meticulous spacing for an elegant, high-end feel across all screen sizes.
| Layer | Technologies |
|---|---|
| Frontend | React, Tailwind CSS, Lucide Icons, Axios, Socket.io-client |
| Backend | Node.js, Express, MongoDB (Mongoose), Socket.io |
| Auth | JWT (JSON Web Tokens), Role-Based RoleGuards |
| Routing | React Router DOM |
| Icons | Lucide React |
- Node.js (v16+)
- MongoDB (Running locally or on Atlas)
- Clone the project
- Backend Config: Create a
.envin thebackenddirectory withMONGO_URI,JWT_SECRET, andPORT. - Frontend Config: Update
src/config.jswith yourBASE_URL. - Install Dependencies:
cd backend && npm install cd ../frontend && npm install
- Launch Mission:
# In backend dir npm run dev # In frontend dir npm run start
Designed and implemented with precision for the ultimate luxury stay experience.