Scribd
Upload
18 views9 pages

Mini Project ADP

App development practice

Uploaded by

Sivaraman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
18 views9 pages

Mini Project ADP

App development practice

Uploaded by

Sivaraman
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

SRI KRISHNA COLLEGE OF TECHNOLOGY

(AN AUTONOMOUS INSTITUTION)

KOVAIPUDUR, COIMBATORE 641042

DEPARTMENT OF ELECTRICAL AND ELECTRONICS ENGINEERING

Railway Ticket reservation


Systems

A Mini Project Report


For
(23IT101 APPLICATION DEVELOPMENT PRACTICES)

Submitted by

SIVARAMAN K B 727824TUEE140
INTRODUCTION

A Railway Ticket Reservation System is a computerized system that allows passengers to


reserve train tickets online or offline. It simplifies the process of ticket booking, eliminating
the need for long queues at railway stations.
Rail travel has been a cornerstone of transportation for centuries, revolutionizing the way
people and goods move across vast distances. In the past, booking train tickets was a time-
consuming process that often involved long queues and manual paperwork. However, with
the advent of technology, the railway industry has undergone a significant transformation,
leading to the development of advanced Railway Ticket Reservation Systems.

Railway Ticket Reservation Systems are computerized systems that streamline the process
of booking train tickets.
These systems allow passengers to reserve their seats online, eliminating the need for
physical ticket counters. By automating various tasks such as seat allocation, fare
calculation, and ticket generation, these systems enhance efficiency and convenience for
both passengers and railway operators.

These systems offer a wide range of features, including online booking and cancellation,
real-time seat availability checks, payment gateways, and automated ticket generation. By
leveraging technology, these systems have significantly improved the overall travel
experience.
Passengers can now book tickets from the comfort of their homes, choose their preferred
seats, and receive instant confirmation. Additionally, these systems help railway operators
optimize resource allocation and reduce operational costs.
IMPLEMENTATION AND RESULTS

Source Code :

1.Login page:

<!DOCTYPE html>
<html lang="en">
<head>

<center>
<br>
<br>
<center><h2><b><u>Indian Railway ticket Reservation Login page</u></b></h2></center>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Railway Reservation Login</title>
<link rel="stylesheet" href="login page.css">
</head>
<body background="C:\Users\DELL\Desktop\railway login.jpeg"
style="background-repeat: no-repeat; background-size: 100% 100%;>
<div class="container">
<div class="login-form">
<h2>Login to Your Account</h2>
<form>
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>

<label for="password">Password:</label>
<input type="password" id="password" name="password" required>

<button type="submit">Login</button>
</form>
<p>Don't have an account? <a href="#">Sign Up</a></p>
<p><u><a href="#">Click here to go to the Main Page</u></a></p>
</div>
</div>
</center>
</body>
</html>
<!DOCTYPE h tml>
<html lang="en">
<head>
<title>Railway Ticket Reservation</title>
<style>
body {
font-family: "Times New Roman", Times, serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
text-align: center;
color:blue;"
}
.container {
width: 100%;
max-width: 600px;
margin: auto;
padding: 20px;
background-color: white;
border-radius: 5px;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
text-align: center;
}
p{
text-align: center;
}
h1 {
text-align: center;
}
.form-group {
margin-bottom: 15px;
text-align: center;
}
label {
display: block;
font-weight: bold;
text-align: center;
}
input, select, button {
width: 100%;
padding: 10px;
margin-top: 5px;
border-radius: 5px;
border: 1px solid #ddd;
font-size: 1em;
text-align: center;
}
button {
background-color: #28a745;
color: white;
border: none;
cursor: pointer;
text-align: center;
}
button:hover {
background-color: #218838;
text-align: center;
}
</style>
</head>
<body background="C:\Users\DELL\Desktop\ser6-500x500.webp"
style="background-repeat: no-repeat; background-size: 100% 100%;>

<div class="container">
<h2><center><u>BOOK TICKET<u></center></h2>
<br>
<br>
<br>
<br>
<br>
<form id="reservationForm">
<!-- Passenger Details -->
<p>
<div class="form-group">
<label for="name">Passenger Name:</label>
<input type="text" id="name" name="name" required>

</div>
<label for="name">From:</label>
<input type="text" id="name" name="name" required>

</div>
<label for="name">To:</label>
<input type="text" id="name" name="name" required>
</div>

<div class="form-group">
<label for="age">Age:</label>
<input type="number" id="age" name="age" min="1" max="120" required>
</div>

<div class="form-group">
<label for="gender">Gender:</label>
<select id="gender" name="gender" required>
<option value="">Select</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
</div>

<!-- Train Selection -->


<div class="form-group">
<label for="train">Train:</label>
<select id="train" name="train" required>
<option value="">Select Train</option>
<option value="Express 101">Express 101</option>
<option value="Express 102">Express 102</option>
<option value="Express 103">Express 103</option>
</select>
</div>

<div class="form-group">
<label for="date">Date of Journey:</label>
<input type="date" id="date" name="date" required>
</div>

<div class="form-group">
<center>
<label for="class">Class:</label>
<select id="class" name="class" required>
<option value="">Select Class</option>
<option value="Sleeper">Sleeper</option>
<option value="AC">AC</option>
<option value="First Class">First Class</option>
</select>
</center>
</div>

<!-- Submit Button -->


<button type="submit">Reserve Ticket</button>
</form>
</div>
</p>

<script>
document.getElementById("reservationForm").addEventListener("submit", function(event) {
event.preventDefault();
alert("Ticket reserved successfully!");
});
</script>

</body>
</html>
Result:
The following pages are created using html
REFERENCES
1. https://www.w3schools.com/html/
2. https://www.irctc.co.in/nget/

You might also like