Welcome to SunsetBay Hotel Booking, a full-stack hotel reservation web application built with the MERN stack (MongoDB, Express.js, React.js, and Node.js) and deployed on Netlify and Vercel.
🔗 Live Website: https://sunsetbay-hotel.netlify.app
🔗 Server Repo Link: https://github.com/jakariya0dev/hotel-booking-server
- 🔐 User Authentication (with Firebase Auth)
- 📦 Room Management
- 📅 Booking System
- 💸 Filter Rooms by Price
- ⭐ Average Ratings from Reviews
- 🔍 Search & Sort by Price or Rating
- 📍 Interactive Map using React Leaflet
- 📱 Fully Responsive UI
- React.js
- React Router DOM
- Axios
- Firebase Auth
- Tailwind CSS
- DaisyUI
- React Leaflet
- React Helmet
- Node.js
- Express.js
- MongoDB
- Firebase Admin SDK (Token Verification)
- CORS, Dotenv
| Package Name | Description |
|---|---|
date-fns |
Modern JavaScript date utility library |
framer-motion |
Animation library for React |
leaflet |
Open-source JavaScript library for interactive maps |
lottie-react |
Render Lottie animations in React |
pigeon-maps |
Lightweight alternative for rendering maps |
react-helmet |
Manage document head in React |
react-icons |
Popular icons for React |
react-router |
Declarative routing for React |
react-slick |
Carousel component |
react-toastify |
Toast notifications |
react-tooltip |
Tooltip component |
slick-carousel |
Required CSS for react-slick |
sweetalert2 |
Stylish popup alerts |
git clone https://github.com/jakariya0dev/hotel-booking-client.git
cd hotel-booking-clientnpm install
npm run dev