Agoda (Clone)

In this project we have tried to make a look alike clone of Agoda Website. With our efforts and the technology stack, that we have learned till now in Unit-5 in Masai School, we were able to clone the front end, integrated it with backend and added similar looks and features..

About Agoda

Agoda is one of the world’s fastest growing online travel booking platforms. From its beginnings as an e-commerce start-up based in Singapore in 2005, Agoda has grown to offer a global network of 2 million properties in more than 200 countries and territories worldwide. It provides travelers with easy access to a wide choice of luxury and budget hotels, apartments, homes, and villas to suit all budgets and travel occasions.

Headquartered in Singapore, Agoda is part of Booking Holdings (Nasdaq: BKNG) and employs more than 4,000 staff in more than 30 countries. Agoda.com and the Agoda mobile app are available in 38 languages.

Pages & Features:

• Home Page: Tried best to clone the home page .
• Sign-Up Page: User details validated directly from Backend.
• Sign-In Page: User authentication to check whether user email and password match with details existing in the backend.
• Property Gallery: Gallery created dynamically.
• Property Description: Displays the details of property selected by the users.
• Checkout Page: Users can add the delivery address.
• Payment Page: debit and credit card payment option. Users can add their payment details.

How To Use ✅

First you have to have to go to the signup page and create a new account. After the signup process is completed you have to login with the same details and then it will redirect you to the landing page. After that users will all the details related to the destination. After that it will redirect you to the property gallery page. If a user will click on the select room it will redirect to the property description page and then after checking the availability of the selected property user will redirect to the checkout page after filling their personal details, it will proceed to the payment page there user can add their debit/credit card details to place the booking.

Tech Stack

Frontend

• ReactJs
• HTML
• CSS

Backend

• Mongodb
• Expressjs
• Nodejs
• Redux

Fetch data

• Axios

Styles

• Material UI
• Style-Components

Run Locally

Install npm packages

npm install

Run the server

npm start

Libraries & Packages

NPM Packages

Team Members and Contributors:

Ritika Gupta

Github : https://github.com/Ritika11294

Shailendra Kumar

Github : https://github.com/shailendra7518

Durga Bhavani V

Github : https://github.com/db648

Dhirendra Kumar Jaiswal

Github : https://github.com/dk-jaiswal-77

Devesh Verma

Github : https://github.com/webdeveshverma

Key feature of the Project

1. Landing Page by Shailendra Kumar:

2. Login & Signup by Durga Bhavani:

3. Property Gallery by Ritika Gupta:

4. Property Description Page by Devesh Verma

5. Checkout Page by Dhirendra Kumar Jaiswal

Key Links

• [Link to Hosted Website] (https://agoda-clone-website.vercel.app/)
• [Link to blog] (https://medium.com/@ritikagupta11294/agoda-clone-c5d11f221d28)