Live Website: https://arhotelbooking.onrender.com

- Frontend: React, Tailwind CSS
- Backend: Node.js, Express.js, MongoDB
- Authentication: JWT
- Image Upload: Cloudinary
- Deployment: Render
- User authentication (Register, Login) using JWT
- Create, edit, and manage property listings
- Booking system with integrated date picker
- Secure image uploads using Cloudinary
- Fully responsive UI for mobile and desktop
- Deployed using Render for both frontend and backend
git clone https://github.com/your-username/AirHotelBooking.git
cd AirHotelBooking
cd frontend
npm install
cd ../backend
npm install
Inside the /backend
directory, create a .env
file and add the following variables:
PORT=5000
MONGO_URI=your_mongodb_connection_string
JWT_SECRET=your_jwt_secret
CLOUDINARY_CLOUD_NAME=your_cloudinary_name
CLOUDINARY_API_KEY=your_cloudinary_api_key
CLOUDINARY_API_SECRET=your_cloudinary_api_secret
Replace each placeholder with your actual configuration values.
cd backend
npm run dev
cd frontend
npm run dev
Open your browser at http://localhost:5173 to view the application.
AirHotelBooking/
│
├── frontend/ # React frontend
│ ├── src/
│ ├── index.html
│ ├── tailwind.config.js
│ └── ...
│
├── backend/ # Express backend
│ ├── config/
│ ├── controllers/
│ ├── middleware/
│ ├── model/
│ ├── routes/
│ ├── index.js
│ └── ...
│
├── .gitignore
├── README.md
└── ...
This project is deployed on Render. Both frontend and backend are hosted as separate services. Add your environment variables to the backend service's settings in Render.
Open to contributions, bug reports, and feature suggestions via issues or pull requests.
This project is licensed under the MIT License.