Building clone of the Agoda Website

Building clone of the Agoda Website

Hello readers, I am Abhishek Kumar Singh and in this blog, I would like to share with you a project that I and my team members are worked on. I hope you will also get to know something new here.

First of all, I would like to thank you Masai school to give me a wonderful opportunity.

A glimpse of the project and a simple walkthrough of the website

Agoda is an online travel agency and metasearch engine for hotels, vacation rentals, flights, and airport transfer. It was founded in 2003 and later acquired by Booking Holdings, becoming a subsidiary of the company.

Landing Page:-

This is the Landing page when the user enters the website for the first time this page will show up. We have updated some of the hover effects and JavaScript functionality.

Screenshot from 2021-08-29 21-53-37.png

Hotel List Page:-

This is the hotel listing page, where users can see all hotels in the selected area and they can filter all the hotels based on ratings, reviews, and price.

Screenshot from 2021-08-29 21-59-36.png

Screenshot from 2021-08-29 21-59-48.png

Hotel Details page:-

On this page, users can see all details of the selected hotel, they can see available prices, reviews, hotel location on the map, facilities, etc.

Screenshot from 2021-08-29 22-03-26.png

Screenshot from 2021-08-29 22-03-43.png

Screenshot from 2021-08-29 22-03-50.png

Screenshot from 2021-08-29 22-04-08.png

Screenshot from 2021-08-29 22-04-22.png

Checkout Page:-

On this page, users have to provide their details and they can also see all prices and taxes and they can select preferences as well.

Screenshot from 2021-08-29 22-08-03.png

Payment Page:-

On this page, I have integrated Gpay as the payment mode. Here users can pay using Gpay. After successful payment, their hotel will be booked.

Screenshot from 2021-08-29 22-08-48.png

Screenshot from 2021-08-29 22-09-20.png

Booking History page:-

On this page, users can see their booked hotels and they delete them as well.

Screenshot from 2021-08-29 22-09-40.png

Roles and Responsibility of team members

Team members: Abhishek Kumar Singh, Subham Abhishek Jaiswal, Millind Anand, Avinash Kumar.

For me it is very difficult to thank them, they did very hard work on this project. So, it is better to let them work speak for them.

  • Subham Abhishek Jaiswal is responsible for making the Landing page.
  • Millind Anand is responsible for making the Hotel listing page.
  • Avinash Kumar is responsible for making the Hotel detail page.

    I, on the other hand, handled making the Checkout page, payment page, Booking history page, and Login/SignUp page.

Challenges that we face while starting Project

In the initial time of the project, we faced a communication gap with team members. In the first days, we haven’t go in-depth with Agoda but later on, we realized our mistakes and did the required change in work, and distributed our work as we planned.

How we approached our challenges

We just focused on our strengths and taken time to understand team members and did communication according to that. Worked as per plan. We found our errors and worked on fixing them with team support.

Key learning points during this journey

  • How to work and communicate with the team.
  • How to present the project with the team.
  • How to improve my productivity and accuracy.
  • How to create real-life websites.
  • How to improve self-learning capacity.

Conclusion

In very awesome experience, working with new team members always increase team working ability, and every time it gives new lesson with experience. In this project, I did many functionalities the first time and also, I also learned that how to implement educational skills in the project. Overall, I enjoyed working on this project. If you want to look at the project then you can go to this GitHub. In the end, I hope you liked our efforts I would like to thank you for sticking around to the end. Please like, share, and comment your suggestions down below.