/Expedia-clone

This is a Collaborative Project. We clone the Expedia Travel website and added functionality like Signup, Login, Search Hotel, Book Hotel, Sorting, and Payment Gateway. We used HTML, JavaScript, CSS, and Bootstrap Teck Stacks

Primary LanguageHTML

Expedia-clone

About Expedia

In this project we have tried to make a clone of Expedia Travel. .

Technology Stack Used

  • HTML5
  • CSS
  • JavaScript (LocalStorage, DOM)
  • Advanced Js
  • Bootstrap
  • Rapid Free API

Deployment link

https://expedia-travels-clone.netlify.app/

Key Highlights of our project.

In order to use our website you need to follow the below steps.

Landing Page:

1.Open index.html on live server(using VS code live server).You will see our Landing Page. here you can see the navar by clicking on more travel we see the list of things that will booked from our website. Below navbar there is search section at which you can search for hotels, cars, flights, according to location. Also see the different pakages.

2022-04-02 (5)

Create Account Page:

2.It is for new users one can Create Account for Booking Hotels,flights,Cars etc, And can enjoy the services of Expedia Travel. Create Account contains the registration of email, name,surename and setting of a password.Password creation is as per standard approach. Minimum length should be of Eight Charactors,One capital letter,one aplha numeric key and one should be a number. Acoordingly strength of the password is shown dynamically in different colors like red,blue and green as shown in the given below images.

2022-04-02 (5) 2022-04-02 (5) 2022-04-02 (5) 2022-04-02 (5)

Welcome Page:

3.After successfully creating account you will redirect to welcom page , and from here by clicking on continue it will takes you in login page. 2022-04-02 (5)

login Page/ Sign in Page:

4.After Creating Account , One can log in to the site by entering the rightemail id and password.If Password or Email is not matching it will throw the error as shown in below image.After sign we will redirect to homepage.

2022-04-02 (5) 2022-04-02 (5)

Home Page:

5.After successfully login you will redirect to our HomePgae. Where you will find all information related with our website. At search section simply enter location, related details by clicking on search the information will be shown on products page.

2022-04-02 (5)

Search Hotels :

6.Here you can search any hotels across the world by just entering location, checkin date and checkout date along with no of travellers . you also sort the hotels according to price either low to high or high to low and also you can sort by the Ratings as shown in the below images.

2022-04-02 (5) 2022-04-02 (5) 2022-04-02 (5)

Hotel Information:

7.After clicking on any hotel from previous page, you will see all necessary details of that hotel on this page. These details include maps, room details, hotel ratings, all the reviews, its amenities and its policies..

2022-04-02 (5) 2022-04-02 (5) 2022-04-02 (5) 2022-04-02 (5) 2022-04-02 (5)

Payment and Booking confirmation:

8..After entering the address, you will redirect to the payment page there you will find multiple payment options . you can select any one option. After entering the right OTP your payment will get successfully done. After successful payment, a receipt will generate that contains the customer's name, email, and amount paid for payment confirmation proof.

2022-04-02 (5) 2022-04-02 (5) 2022-04-02 (5)

Payment receipt: :

9.After successful payment, a receipt will generate that contains the customer's name, email, and amount paid for payment confirmation proof.

2022-04-02 (5)

footer: :

101.At the bottom of our site there is a section which contains all information about our company, term and conditions, and customer support.

2022-04-02 (5)

Authors

Pavan Gopalrao Ambulkar :

Linkedin

GitHub

blog Link

Gaurav Krishna Verma :

GitHub

Shivam Radheshyam Bais:

Linkedin

GitHub

blog Link

Faisal Mirza :

Linkedin

GitHub

blog Link

Vishnu Kant Upadhyay:

Linkedin

GitHub

blog Link

Balaji Chavan:

Linkedin

GitHub

blog Link

.