https://github.com/sabbir1441/room-haven-client
Room Haven is a modern and responsive hotel booking website that allows users to browse and book rooms easily. It features a seamless experience for users to view room details, check reviews, and submit their own reviews.
https://github.com/sabbir1441/room-haven-client
firebase hotel-booking mongodb nodejs reactjs tailwindcss
Last synced: 3 months ago
JSON representation
Room Haven is a modern and responsive hotel booking website that allows users to browse and book rooms easily. It features a seamless experience for users to view room details, check reviews, and submit their own reviews.
- Host: GitHub
- URL: https://github.com/sabbir1441/room-haven-client
- Owner: Sabbir1441
- Created: 2025-02-05T09:48:06.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-12T11:03:07.000Z (over 1 year ago)
- Last Synced: 2025-02-12T11:38:07.719Z (over 1 year ago)
- Topics: firebase, hotel-booking, mongodb, nodejs, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://room-haven.web.app/
- Size: 4.94 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Room Haven
### 1. Project Overview
Room Haven is a modern hotel booking website that makes it easy for users to search, book, and review hotel rooms. The platform is fully responsive, ensuring a smooth user experience across various devices.
## Live Project Link
You can check out the live project here: [Room Haven](https://room-haven.web.app/)
### 3. Technologies Used
- **React.js**: For building the user interface.
- **Firebase Authentication**: For secure user login and registration.
- **MongoDB**: For storing user data, room details, and reviews.
- **Node.js**: For handling server-side operations and APIs.
- **Tailwind CSS**: For responsive and modern UI styling.
### 4. Core Features
- **Room Search & Booking**: Users can search for available rooms and proceed with bookings.
- **Room Details Page**: Each room has a detailed page with information about its features, price, and availability.
- **User Reviews**: After booking, users can submit reviews and ratings for rooms.
- **Fully Responsive**: The website is optimized for all device sizes (phones, tablets, desktops).
### 5. Dependencies
The project relies on the following dependencies:
- **axios**: For making HTTP requests.
- **firebase**: For Firebase authentication and cloud storage.
- **leaflet**: For displaying interactive maps.
- **localforage**: For local storage of user data.
- **match-sorter**: For sorting room listings.
- **react-datepicker**: For date selection in bookings.
- **react-modal**: For handling modals.
- **react-router-dom**: For navigation between pages.
- **react-toastify**: For displaying toast notifications.
- **sort-by**: For sorting data.
## 🛠 How to Run the Project Locally
Follow these steps to run the project on your local machine:
### 1️⃣ Clone the Repository
```bash
git clone https://github.com/yourusername/room-haven.git
cd room-haven
```
### 2️⃣ Install Dependencies
```bash
npm install
```
### 3️⃣ Set up Firebase
- Create a Firebase project at Firebase Console.
- Add Firebase config to your project (refer to the Firebase documentation for setup instructions).
### 4️⃣ Start the Development Server
```bash
npm run dev
```
### 5️⃣ Open in Browser
Visit `http://localhost:5173/` to see the project in action.
## 📎 Additional Resources
- [Project Live Link](https://nextgen-scholarships.web.app/)
- [Firebase Documentation](https://firebase.google.com/docs)
- [React Documentation](https://reactrouter.com/home)
---
💡 **Contributions are welcome!** Feel free to submit a pull request or suggest improvements. 😊