Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/sondh0127/airbnb-clone

Airbnb.com cloning from University Course (With Got-it) [Reupload local project]
https://github.com/sondh0127/airbnb-clone

Last synced: 1 day ago
JSON representation

Airbnb.com cloning from University Course (With Got-it) [Reupload local project]

Awesome Lists containing this project

README

        

# Airbnb Clone - Group project at university with [Got It Vietnam](https://vn.got-it.ai/)

> [Airbnb](https://www.airbnb.com) is a vacation rental and room rental service that allows users to rent out their houses or rooms to travellers, that can search for accommodations by location to find a place to rent.

> The aim of project is desgin and implement a web application that provide some basic function like airbnb. Such as:

- For traveler(guests): Search and book accommodations
- For owner: Create listing and rent out their space

---

## Finish date:

- **May 2019**

---

## Completed Features:

- **User Authentication (Signup/Login)** - [Demo](demo/auth)
- **Home page** - [Demo](demo/homepage/home.png)
- **Create and edit listings** [Demo](demo/create-listing)
- **Search listing by multiple filter options** [Demo](demo/searching)
- **Full listing details** [Demo](demo/listing)

- Room picture with slideshow
- Room description
- Customer reviews
- Amentities/Beds
- Availability calendar
- Location map
- Booking card

- **Booking** [Demo](demo/listing)

- **Booked list** [Demo](demo/bookinglist/booking.png)

---

## Team:

- [Nghia Ngo Trung](https://github.com/NghiaNT18) (Backend)
- Son Do Hong (me) (Frontend / System Design)

---

## TechStack:

- Frontend UI:
- Language: Javascript
- React(CRA)
- Material UI (^v4.0.rc :awesome)
- Styled component (^v4.x)
- Redux (React-redux)
- React-router (^v5)
- Notable npm package: Google maps, react-dates
- Backend API:
- Language: Python
- Flask:
- Authentication: JWT
- SQL Alchemy
- Database: Mysql
- REST API
- Deployment:
- Docker
- Docker-compose
- AWS: (Demo)

---

## Demo:

- **User Authentication (Signup/Login)**
![Login](demo/auth/login.png)
![Signup](demo/auth/signup.png)

---

- **Home page** - [Demo](demo/homepage/home.png)
![Homepage](demo/homepage/home.png)

---

- **Create and edit listings**
![Create listing](demo/create-listing/create-0.png)
![Create listing](demo/create-listing/create-1.png)
![Create listing](demo/create-listing/create-location-0.png)
![Create listing](demo/create-listing/create-location-1.png)

---

- **Search listing by multiple filter options**
![Search listing](demo/searching/design.png)
![Search listing](demo/searching/searchinput.png)
![Search listing](demo/searching/guests.png)
![Search listing](demo/searching/dates.png)
![Search listing](demo/searching/price.png)
![Search listing](demo/searching/roomtype.png)

---

- **Full listing details**
![Listing detail](demo/listing/picture.png)
![Listing detail](demo/listing/image-carousel.png)
![Listing detail](demo/listing/room-description.png)
![Listing detail](demo/listing/amenities-bed.png)
![Listing detail](demo/listing/calendar.png)
![Listing detail](demo/listing/review.png)
![Listing detail](demo/listing/host.png)
![Listing detail](demo/listing/map.png)

---

- **Booking**

![Listing detail](demo/listing/booking-card-0.png)
![Listing detail](demo/listing/booking-card-1.png)
![Listing detail](demo/listing/booking-card-2.png)

---

- **Booking list**
![Listing detail](demo/bookinglist/booking.png)