/Goibibo-Clone

In this project we are trying to clone the Goibibo website which is a online ticketing website. We try to build the fully clone front-end with functionalities. We use React to build the front-end and express for back-end.

Primary LanguageJavaScript

How to Run Project

Clone the app

git clone <url>

How to run Backend:

cd backend
npm install
npm run server

How to run Frontend:

cd goibibo
npm install
npm start

Live Demo:

https://github.com/biswajitdas-007/Goibibo-Clone

Goibibo Clone 😎

  Goibibo is India’s leading online travel booking brand providing a range of choices for hotels, flights, trains, bus and cars for travelers.

Team Members


Pages

  • Signin Page
  • Bus Home Page
  • Payment Page
  • Bus details page

Tech Stack Used

  • React
  • CSS
  • Javascript
  • Express
  • MongoDB

Screenshots

  • Landing Page/Bus Home Page

Landing Page

  This is our landing page, where users can search buses between two different cities. For now we just added Bangaluru to Goa route buses data.
  • Login/SignUp Page

Login Page

  This is our Login page, when the user enters his mobile number and hit on continue, OTP will reach that mobile number. It’s a real-time application.
  After entering OTP and hit on login the user will go to the landing page.
  • Bus Details Page

Bus Details Page

  This section shows the available buses running between Bangalore to Goa route buses.
  • Seat Selection Page

Seat Selection Page

  On this page, the user can able to see the number of seats available for a booking and the user can select any seat he wants.
  Users can able to select both the boarding and dropping point. The seat number and price are updated dynamically.
  • Payment Page

Payment Page

  This is the payment page where the user can see his boarding and dropping points and price for a selected seat.
  After entering the necessary details and complete his payment process user can successfully book his ticket.

Conclusion

We learned so many things while building this project and working in a team always makes us more collaborative. We build this project within 6 days and we are trying to add more functionalities on it and makes the UI more effective. Thank You.