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.
- 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.
- Registration Page: Fill up the required fields and click on "Submit" button, while submitting OTP will generate so please note that.
- 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. - 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.
index
: User registration page.dashboard
: Dashboard page for managing tickets.booking
: Dashboard page for showing booked tickets.
- Clone the repository:
git clone https://github.com/SAD0XER/Book-Train-Ticket.git
. - Navigate to the project directory / folder
Book-Train-Ticket
. - Copy the file path of
index.html
file and open it in your browser to access the user registration page.
- Registration Page:
- Dashboard Page:
- Bookings Page:
- Frontend:
HTML
,CSS
andJavaScript
- Backend:
JavaScript
- Database:
LocalStorage
(P.S: We have use localStorage as a database for storing data temporarily.)
Special thanks to Arbaz Hussain for his help.