A Bus reservation System website using React.js

2022-12-15

Safar-India

It’s a Bus reservation System website that allows users to reserve their seat for journey.

Technology Used : (MERN Stack)

Front-End: ReactJS , Redux, Saga
Back-End: NodeJS, ExpressJS
DataBase: MongoDB Atlas
Styling: CSS3, Fontawesome, googlefonts
Payment Gateway: Stripe

How to Run Application

Install Node Modules in Root and Client Folder.
Add env Variables STRIP_SECRET_KEY,DATABASE in root Directory and REACT_APP_STRIP_PUBLIC_KEY in Client Directory.
first start server from root directory after start client.

How to Use Website

Instructions

Do not Refresh or Back the Page at any Moment
For Navigating throughout pages use Navbar or buttons provide in Website itself.
If you got “Internal Server Error” message retype the url and start again.
For Payment use the below Credential Card : 4242 4242 4242 4242 CVC: any three Digit Expirydate: any future Date ZIPCODE: any six Digit

👉 Working Demonstration Video : https://github.com/smitkakadiya57/Safar_India_Bus_Reservation_System/blob/main/SAFAR-IMAGE/safar-india.mp4

Steps:

Enter From and To City (suggestion provided), Journey Date and Press Search Button.

Select the Bus Which you want to travel. You can use Quick links to switch between Dates.

Available trip Provides Timings, Bus name, left Seats, Facility and Charges.

Choose any Bus and Press Select Seat Button
Choose Boarding Point, Drop Point and Seat no. and press Next button.

Enter Passenger and Contact Details. you can use Coupon Code like SAFAR50 , SAFAR100, INDIA200 to get discount. press “Pay and Book Now” button.

Enter the Card Details and Pay the Amount.

After “Ticket is Confirmed” message click on View Ticket Button to take printout of ticket.

Enter Email and Mobile no and click on search.
In below list display your booked ticket list click on VIEW TICKET button.

Click on Print button to take printout or Use Back to Homepage button.

GitHub