Skip to content

This project is a simple Bus Booking Application built with React. It allows users to select a bus, enter their details, specify the number of passengers, and confirm the booking. The total price is dynamically calculated based on the number of passengers and the bus fare per passenger.

Notifications You must be signed in to change notification settings

Saipradyumnagoud/Bus-booking-portal

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Bus Booking Application

This project is a simple Bus Booking Application built with React. It allows users to select a bus, enter their details, specify the number of passengers, and confirm the booking. The total price is dynamically calculated based on the number of passengers and the bus fare per passenger.

Features

  • Displays bus details, including route, departure time, price, and available seats.
  • Allows users to specify the number of passengers.
  • Collects individual passenger names.
  • Calculates the total fare dynamically.
  • Validates user input and ensures all required fields are completed.
  • Handles cases where no bus is selected gracefully.

Installation

Adding buses Routes

Take the buses routes from the frontend/public folder and add them to your create a busesroutes in mongodb and import this csv into it.

Clone the repository:

git clone https://github.com/Saipradyumnagoud/Bus-booking-portal.git

Navigate to the project directory:

cd Bus-booking-portal

Navigate to the frontend:

cd frontend

Install dependencies:

npm install

Start the development server:

npm start

Navigate to the server:

cd ../server

Install dependencies:

npm install

Start the backend server:

npm start

Open your browser and navigate to http://localhost:3000 to view the application.

Usage

  1. Select a bus from the main application.
  2. Navigate to the booking page.
  3. Enter your details, including full name, email, and phone number.
  4. Specify the number of passengers.
  5. Enter the names of all passengers.
  6. Review the total price and confirm the booking.

Available Busses display for booking

alt text

My Account page which helps you to display your booking and your information

alt text

Support

Feel free to reach out via GitHub Issues if you encounter any issues or have suggestions for improvement!

About

This project is a simple Bus Booking Application built with React. It allows users to select a bus, enter their details, specify the number of passengers, and confirm the booking. The total price is dynamically calculated based on the number of passengers and the bus fare per passenger.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published