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
Confirmbutton 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.htmlfile and open it in your browser to access the user registration page.
- Registration Page:
- Dashboard Page:
- Bookings Page:
- Frontend:
HTML,CSSandJavaScript - 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.