Airbnb Clone Project

Demo

Welcome to my Airbnb clone project built using the MERN stack. This project aims to replicate the core functionality of Airbnb, including user registration, accommodation listings, booking confirmation, and more.

1. Landing Page

2. Register Page

3. Login Page

4. Landing Page with Username

5. Detailed Accommodation Page

6. Photo Gallery Page

7. Confirm Booking Page

8. My Booking Page

9. My Profile Page

10. My Accommodation Page

11. Add New Place Page

Features

• User registration and authentication.
• Browse and search for accommodations.
• View detailed accommodation information.
• Photo gallery for each accommodation.
• Booking confirmation process.
• View and manage your bookings.
• User profile management.
• Host accommodations and add new places for rent.

Technologies Used

• Frontend: React.js, HeroIcons, Tailwind CSS
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JSON Web Tokens (JWT), Bcrypt
• Styling: CSS, Tailwind CSS
• Data Handling: Axios
• Server Tools: Nodemon, Cookie Parser, Multer, fs
• Image Handling: Multer, Image Downloader

Getting Started

1. Clone the repository: git clone https://github.com/FALAK097/Airbnb-clone.git
2. Navigate to the project directory: cd Airbnb-clone
3. Install dependencies for both client and server: cd client && yarn install && cd ../api && yarn install && cd ..
4. Configure environment variables in api/.env for MongoDB connection, JWT secret, etc.
5. Start the server: cd api && nodemon index.js
6. Start the client: cd client && yarn start

Contributing

Contributions are welcome! If you encounter any bugs, have feature suggestions, or would like to contribute to the project, please feel free to submit a pull request.

License

This project is licensed under the MIT License.

---