ks-1007/Airbnb-clone

This is a clone of Airbnb.com. In this we have implemented features to searching for hotels based on ratings, reviews and price range and then booking it after selecting check-in & check-out dates

Airbnb

Project:- Clone of Airbnb.co.in

Demo link: https://airbnb-clone-one-weld.vercel.app/

How airbnb works?-You’re just 3 steps away from your next getaway

1.Start by exploring Stays or Experiences. Apply filters like entire homes, self check-in or pets allowed to narrow your options. You can also save favourites to a wish list.

2.Once you’ve found what you’re looking for, learn about your host, read past guest reviews, and get the details on cancellation options – then book in just a few clicks.

3.You’re all set! Connect with your host through the app for local tips, questions or advice. You can also contact Airbnb anytime for additional support.

We created the clone of Airbnb with all it's main functions like- login & signup(google), search for stays, filter hotels, search by dates and your requirements and just pay simple.

Tech-stack we used:

1. React
2. JavaScript
3. CSS

Tech library used:

1. Material UI & material icons
2. Redux 3.json-server
3. react-google-login
4. React Icons
5. Axios
6. react-router-dom
7. Styled Components
8. react-date-range-calender

Install the packages

To start this clone the commands required are

npm install

json-server in.json --port 3050

npm start

Pages Designed:

1. Landing Page
2. Login and sign up page
3. Hotels list
4. Hotels details page
5. Confirm and payment page

Team members:-

Kumar Saurav View GitHub profile

Sumit kumar View GitHub profile

vaibhav-raj View GitHub profile

Vamsi GudivadaView GitHub profile

Screenshots

sign up and login

Landing Page

Hotels and stays

Footer

Hotels rooms and in detail

Confirm and payment page

we tried our best to make a good design and functionality in 5 days. I am glad that you visited here, Thank you.