Redbus

We have Cloned a bus ticketing and hiring platform called redbus. redBus is an Indian online bus ticketing platform providing ticket booking facility through its website, iOS and Android mobile apps. It connects bus travellers with a network of over 2500 bus operators, across India, countries in South East Asia and Latin America. It connects bus travellers with a network of over 2500 bus operators, across India, countries in South East Asia and Latin America.

In this project , we have tried to make a perfect clone of redbus.in.

Live Link : https://redbus.netlify.app/

Steps to install the project:

Install basic Software:

• Install NodeJS
• Install VS Code
• Install Git

Clone the following git repository inside any folder:

• https://github.com/nitansh11/redbus

Open the cloned git repo in VS Code and install the required dependencies.

• Open a terminal and make sure you are in the working directory folder (Inside redbus folder go to : redbus/front-end-redbus and redbus/back-end-redbus), run this command to install the required project dependencies in both back-end and front-end folder.

  • npm install

• Now, Run npm start in back-end-redbus as well as front-end-redbus folder in two separate terminals to start the backend and frontend

• Now you can access the app at this URL: http://localhost:3000

Technologies used

• React

• CSS

• Express

• MongoDB

• Mongoose

• Libraries used

  • Redux
  • React-redux
  • Redux-thunk
  • material-ui/core
  • material-ui/icons
  • material-ui/lab
  • uuid
  • React-dom
  • React-icons
  • react-google-login
  • react-icons
  • react-modal
  • react-scripts
  • react-stripe-checkout

How to use the product

1. In order to use the product , you need to do npm start in your console.

2. Here you can see our landing page , If you are using this product for the first time , you are a new user and you can login by clicking on dropdown on the right side of navbar and currently we are serving buses between Lucknow and Faizabad, so enter Lucknow in source and Faizabad in destination and select any date as per your choice.

3. This page contains the list of all the buses between source and destination.On this page, user can use filtering and sorting as per his requirement.

4. Here, you will get all the list of buses acoording to your location and you can also filter them as per your requirement.

5. After this , you can click on the View Seat button to book the seats, and select the seats as per your requirement. Note : You cant select the red seats , since they are already booked.

6.Now, select the boarding and dropping point and click on the continue button, now a form will open , here you need to enter the passenger details, and click on the Procced To Pay button.

7. On this page click on the button Pay with Stripe , here enter your email , card number as 4242 4242 4242 4242 , expiary date as 12/21 and cvv as 1234 and click on the pay button , your seat has been booked ☺️

8. Now on this page you can see all your bookings.

9. Next feature that we have implemented is Bus Hire. Click on Bus Hire from the top bar. From this page, user can hire a bus for a round trip.

10. On the Bus Hire landing page, click on Outstation, after that user will be asked to enter the few details.After entering those, click on proceed.

11. Select a bus as per your choice and click on View Details to proceed.

12.Click on Book, to book that particular vehicle and proceed for the payment.

13. On this page click on the button Pay with Stripe , here enter your email , card number as 4242 4242 4242 4242 , expiary date as 12/21 and CVV as 123 and click on the pay button , your bus has been booked ☺️

End-notes

We have tried our best to give mostly all the functionality available on the actual website.

Contributors:

• Nitansh Rastogi

  • Github : nitansh11

• Uditanshu Kumar

  • Github : udit22022000

• Rohan Kumar Banarwal

  • Github : kumarrohan2804

• Archana Singh

  • Github : archana-sing