Skip to content

It is a simple train ticket booking system web application developed using HTML, CSS, and JavaScript. This application allows users to register, book train tickets, view their booked tickets, and cancel or confirm their bookings.

Notifications You must be signed in to change notification settings

SAD0XER/Book-Train-Ticket

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚂Train Ticket Booking System🛤️

Description

This is a simple Train Ticket Booking System web application developed using HTML, CSS, and JavaScript. The application allows user to Register, Book and View their booked tickets, and also cancel or confirm their bookings. Here we have used LocalStorage as a database.

Features

  • User Registration: User can register by filling the form.
  • Authentication: To submit form user must pass all the authentications.
  • Train Booking: Admin can either Book or Cancel a train ticket for any user. Admin require OTP to book tickets.
  • Lastly, user can view their booked tickets in the Booking section.
  • Also, you can sort and filter tickets according to your needs on both Dashboard and Booked Ticket page.

Usage

  1. Registration Page: Fill up the required fields and click on "Submit" button, while submitting OTP will generate so please note that.
  2. Dashboard Page: Nevigate to Dashboard Click on Confirm button and enter the OTP to add ticket into waiting list. After some time your ticket will get booked.
  3. Bookings Page: You can see your booked ticket on Bookings page.
⚠️Important Note & Warning⚠️

Once you see and use this project, then please don't forget to clear your LocalStorage by clicking on the button, it is located below "submit" button on registration page.

Read more on MDN Docs

Pages

  1. index: User registration page.
  2. dashboard: Dashboard page for managing tickets.
  3. booking: Dashboard page for showing booked tickets.

Installation and Usage Instructions

  1. Clone the repository: git clone https://github.com/SAD0XER/Book-Train-Ticket.git.
  2. Navigate to the project directory / folder Book-Train-Ticket.
  3. Copy the file path of index.html file and open it in your browser to access the user registration page.

Screenshots

  1. Registration Page:

Registration Screenshot

  1. Dashboard Page:

Dashboard Screenshot

  1. Bookings Page:

Bookings Screenshot

Technologies Used🧑‍💻

  • Frontend: HTML, CSS and JavaScript
  • Backend: JavaScript
  • Database: LocalStorage (P.S: We have use localStorage as a database for storing data temporarily.)

Acknowledgments🤗

Special thanks to Arbaz Hussain for his help.

About

It is a simple train ticket booking system web application developed using HTML, CSS, and JavaScript. This application allows users to register, book train tickets, view their booked tickets, and cancel or confirm their bookings.

Topics

Resources

Stars

Watchers

Forks