A hotel booking platform built using React.js, Tailwind CSS, Chakra UI, Redux, Context API, and Firebase for authentication. This app allows users to:
-
🔍 Search hotels by location
-
🗓 Check room availability by date and occupancy
-
💼 Pre-book rooms with a calendar
-
📝 View booking history for past reservations
-
🔐 Firebase authentication for secure login
-
⚛️ State management using Redux and Context API
- React.js - UI library
- Redux & Context API - State management
- Tailwind CSS & Chakra UI - Styling and UI components
- Firebase - Authentication
- React Router DOM - Navigation
You need to write the following commands on the terminal screen (in vscode) so that you can run this project locally.
git clone "https://github.com/rajgupta2399/Hotel-Booking-App.git"
Go to the project directory
cd Hotel-Booking-App
Install dependencies
npm install
Create .env file and put configure
REACT_APP_FIREBASE_API_KEY=YOUR_FIREBASE_API_KEY
REACT_APP_FIREBASE_AUTH_DOMAIN=YOUR_FIREBASE_AUTH_DOMAIN
REACT_APP_FIREBASE_PROJECT_ID=YOUR_FIREBASE_PROJECT_ID
REACT_APP_FIREBASE_STORAGE_BUCKET=YOUR_FIREBASE_STORAGE_BUCKET
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=YOUR_FIREBASE_MESSAGING_SENDER_ID
REACT_APP_FIREBASE_APP_ID=YOUR_FIREBASE_APP_ID
REACT_APP_HOTEL_API_KEY=YOUR_REACT_APP_HOTEL_API_KEY
Start the server
npm run start