Skip to content

It is a bus booking website. It’s developed using ASP.NET Core Web API for the backend and React for the frontend. The website is divided into an admin dashboard for managing buses and guest pages where users can book their bus journeys.

Notifications You must be signed in to change notification settings

yumitdemir/go-bus-frontend

Repository files navigation

Skills Acquired

During the development of this project, I gained hands-on experience and in-depth knowledge in the following areas:

  • Entity Framework: Leveraged this object-relational mapper (ORM) to work with databases using .NET objects.
  • JSON Web Token (JWT): Implemented JWT for secure and reliable user authentication.
  • Tailwind CSS: Utilized this utility-first CSS framework for rapid UI development.
  • React.js: Used this JavaScript library for building user interfaces, particularly single page applications.
  • Database Design: Designed and managed robust and scalable databases to store and retrieve data efficiently.
  • ASP.NET Web API: Developed RESTful APIs using ASP.NET Web API for the client-side web application.
  • CORS: Handled Cross-Origin Resource Sharing (CORS) to resolve security restrictions between the web API and the client-side application.

Short Description

Go Bus is a bus booking website that I developed as a personal project. The main functionality of the website is to provide a platform for users to book bus tickets. Users can select their departure and arrival bus stops, choose the departure date, view the available buses, and then proceed to book their tickets. The website is designed to be fully responsive, providing a seamless user experience across different devices.

Technology Stack

This project is a full-stack application that uses ASP.NET Core Web API for the backend and React for the front end.

Backend

The backend of the application is built using ASP.NET Core Web API. It handles all the server-side operations of the application. It uses JWT authentication to secure the endpoints and ensure that only authorized users can access certain routes. Also when the user selects one trip and when he/she is in the booking process the seats are blocked for 10 minutes and if the user doesn't make the booking during that time the blocked seats get released.

Frontend

The front end of the application is built using React. It consists of two main parts: an admin dashboard and guest pages. The admin dashboard provides an interface for administrators to manage the application, including viewing and managing bookings. It features server-side pagination to efficiently handle large amounts of data. The guest pages are where users can select their bus stops, view available buses, and book their tickets.

Website Video

Please click the image to watch the youtube video youtbe

Screenshots of The Website

Guest

home

                               

screencapture-localhost-5173-2023-09-25-01_25_04

                               

search

                               

screencapture-localhost-5173-search-2023-09-25-01_25_30

                               

checkout

                               

managebooking

                               

managebooking card

                               

cancledbooking

Admin

screencapture-localhost-5173-admin-2023-09-25-01_26_00

                               

screencapture-localhost-5173-admin-trips-2023-09-25-01_26_16

                               

screencapture-localhost-5173-admin-add-trip-2023-09-25-01_26_57

About

It is a bus booking website. It’s developed using ASP.NET Core Web API for the backend and React for the frontend. The website is divided into an admin dashboard for managing buses and guest pages where users can book their bus journeys.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages