Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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]
- Host: GitHub
- URL: https://github.com/sondh0127/airbnb-clone
- Owner: sondh0127
- Created: 2019-05-29T16:06:17.000Z (over 5 years ago)
- Default Branch: develop
- Last Pushed: 2022-12-08T05:31:34.000Z (about 2 years ago)
- Last Synced: 2024-04-24T04:43:40.032Z (9 months ago)
- Language: JavaScript
- Homepage:
- Size: 6.86 MB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 14
-
Metadata Files:
- Readme: README.md
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)