https://github.com/charlie-033/hotelux
Hotelux is a full-stack hotel booking platform featuring a modern UI/UX, secure authentication (Email/Google), real-time booking, and a comprehensive review system. Built with React, Firebase, Express, and MongoDB, it offers features like price filtering, booking management, and protected routes for a seamless user experience.
https://github.com/charlie-033/hotelux
expressjs firebase-authentication mond react react-router tailwindcss
Last synced: 3 months ago
JSON representation
Hotelux is a full-stack hotel booking platform featuring a modern UI/UX, secure authentication (Email/Google), real-time booking, and a comprehensive review system. Built with React, Firebase, Express, and MongoDB, it offers features like price filtering, booking management, and protected routes for a seamless user experience.
- Host: GitHub
- URL: https://github.com/charlie-033/hotelux
- Owner: Charlie-033
- Created: 2025-06-25T08:59:15.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-06-25T10:55:38.000Z (about 1 year ago)
- Last Synced: 2025-06-25T11:50:12.272Z (about 1 year ago)
- Topics: expressjs, firebase-authentication, mond, react, react-router, tailwindcss
- Language: JavaScript
- Homepage:
- Size: 9.27 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Hotelux
🌐 Live Website
👉 https://hotel-booking-platform-48b83.web.app/
## 📌 Project Purpose
This project is built to provide a seamless hotel booking experience with modern UI/UX design, authentication, real-time booking system, and reviews. It showcases a production-grade hotel booking portal where users can interactively explore rooms, filter by price, and share feedback.
🔑 Key Features
## 🏠 Home Page
Dynamic Banner with CTA button to Rooms page
Map displaying hotel location via react-leaflet
Featured Rooms (Top Rated)
Customer Review Carousel (Sorted by latest)
Special Offers Modal Popup on initial load
Extra two sections (e.g., Amenities and Services)
## 🔐 Authentication
Email & Password login/register with Firebase Auth
Google social login
Protected Routes with Firebase Access Token (JWT)
Client-side secure token storage using localStorage
## 🛏️ Rooms Page
Lists all rooms from database
Filter rooms by price range (Server-side filtering)
Clickable cards redirecting to Room Details page
## 📄 Room Details Page
Complete room info with image, amenities, pricing, etc.
List of all reviews with timestamp
Booking modal with date picker & availability check
Only authenticated users can book/review
## 📋 My Bookings
Shows only current user’s bookings
Cancel Booking with date logic (1 day prior)
Update Booking Date
Submit Review (Only if booked)
## 📝 Review System
Authenticated users can leave reviews for booked rooms
Reviews include name (read-only), comment, rating (1–5), and timestamp
Displayed in Room Details and Home carousel
## 🔒 Security
Firebase config secured via .env.local
All protected routes secured using JWT token verification
## 🎯 Extra Functionalities
SweetAlert/Toast notifications
404 Custom Page with animation and back-to-home button
Framer Motion animations
Implement dynamic title for routes
## ⚙️ Technologies Used
Frontend
React.js (Vite)
React Router DOM
Tailwind CSS + DaisyUI
Firebase Auth
React Hot Toast / SweetAlert2
React Icons
React Date Picker
React Helmet Async
React Leaflet (Map)
React Slick (Slider)
Framer Motion
Deployment
Client: Vercel
## 📁 Repositories
- **Server:** (https://github.com/Charlie-033/Hotelux-S)
---
## 🚀 Run Locally
To run this project on your local machine, follow these steps:
### 1. Clone the repository
```bash
git clone https://github.com/Charlie-033/HoteLux.git
cd your-repo-name
npm install
npm run dev