This beginner-friendly tutorial guides you through building a full-stack booking app using the MERN stack (MongoDB, Express, React, Node). The app serves as an Airbnb clone with key functionalities.
- Project Setup and Header
- Login and Register Page
- Account Page
- Places/Accommodations Form
- Upload by Link
- Upload Photos from Your Device
- Small Bugfixes and Code Refactoring
- Listing User Places/Accommodations
- Editing Existing Places
- Deleting Photos and Selecting Main/Cover Photos
- Listing Places on the Homepage
- Single Place Page
- Booking Functionality
- User Bookings Page
- Single Booking Page
- Outro
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
...
Follow these steps to get a local copy of the project up and running.
- Node.js and npm installed
-
Clone the repository
git clone https://github.com/your-username/airbnb-clone.git
-
Navigate to the project directory
cd airbnb-clone -
Install dependencies
npm install
-
Start the development server
npm start
-
Open the app in your browser at http://localhost:3000
Contributions are welcome! Fork the repository, create a new branch, make your changes, and submit a pull request.
This project is licensed under the MIT License.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent