Project Report

Download as pdf or txt
Download as pdf or txt
You are on page 1of 102

A

MINI PROJECT REPORT


ON
TRANSPORTATION BUDDY
Submitted for partial fulfillment of the
requirements for the award of the degree
of
MASTER OF COMPUTER APPLICATION
2023-24(ODD SEMESTER)
BY
Ritesh Kumar Prajapati [2201220140065]
&
Sakshi Jaiswal [2201220140069]
Under the Guidance
Of
Mrs. Khushnuma Ashraf Mam

SHRI RAMSWAROOP COLLEGE OF ENGINEERING &


MANAGEMENT, LUCKNOW

Affiliated to
Dr. A.P.J. ABDUL KALAM TECHNICAL UNIVERSITY,
LUCKNOW, UTTAR PRADESH, INDIA
SHRI RAMSWAROOP MEMORIAL COLLEGE OF
ENGINEERING AND MANAGEMENT, LUCKNOW
DEPARTMENT OF MCA

CERTIFICATE

Certified that the project entitled “TRANSPORTATION BUDDY" submitted by


RITESH KUMAR PRAJAPATI [2101220140065] and SAKSHI JAISWAL
[2101220140069] in the partial fulfillment of the requirements for the award
of the degree of Master of Computer Application affiliated to AKTU, is a
record of students' own work carried under our supervision and guidance.
The project report embodies results of original work and studies carried out
by students and the contents do not forms the basis for the award of any
other degree to the candidate or to anybody else.

Mrs. Khushnuma Ashraf Dr. Quaim Mehandi Rizwi


Project Coordinator, MCA Head of Department, MCA
SHRI RAMSWAROOP MEMORIAL COLLEGE OF
ENGINEERING AND MANAGEMENT, LUCKNOW
DEPARTMENT OF MCA
DEPARTMENT OF MCA

DECLARATION

I hereby declare that the project entitled "TRANSPORTATION BUDDY"


submitted by me in the partial fulfillment of the requirements for the award of
the degree of Master of Computer Application of AKTU, is record of my own
work carried under the supervision and guidance Mrs. Khushnuma Ashraf
Project Coordinator MCA To the best of my knowledge this project has not
been submitted to AKTU or any other University or Institute for the award of
any degree.

RITESH KUMAR PRAJAPATI and SAKSHI JAISWAL


[2201220140065] and [2201220140069]
ACKNOWLEDGEMENT

I take this occasion to thank God, almighty for blessing us with his grace and
taking our endeavor to a successful culmination. I extend my sincere and heartfelt
thanks to our esteemed guide, Mrs. Khushnuma Ashraf, for providing me with
the right guidance and advice at the crucial junctures and for showing me the right
way. I extend my sincere thanks to our respected Head of the Department Mr.
Quaim Mehandi for allowing us to use the facilities available in college. I would
like to thank the other faculty members also, at this occasion. Last but not the
least, I would like to thank my friends and family for the support and
encouragement they have given me during the course of our work.

RITESH KUMAR PRAJAPATI and SAKSHI JAISWAL


[2201220140065] and [2201220140069]
Preface

Every study is incomplete without having a well concrete exposure, of the


research. Computer Application studies are not exception that scopes, of the
project at this level are very wide ranging. Student of computer application are
successfully processed and refined through the means of mini project report so
that they may have a complete exposure to present scenario in IT industry. This
final report has been taken as a part of M.C.A. Degree. The purpose of the study
is to use and apply our academic knowledge gained during the curriculum in
getting valuable insight of corporate culture with all its attendants completes. We
have done a lot of hard work despite of all my sincere efforts. This is possibility
that there may be some areas which may remain uncovered in study. I once again
thank to all those who help one directly or indirectly in preparing my project on
topic Transportation buddy.
Transportation Buddy

Table Of Content

S No. Topics Page No.

1 Introduction 3

2 Company Profile 4

3 Proposed System 5

4 Objective and Scope 6

5 Technologies Used 7-8

6 Hardware and Software Requirements 9

7 Module Description 10

8 Use Case Diagram 11

9 E-R Diagram 12

10 Coding 13-68

11 Screen Shots 69-94

12 Limitation and Future Scope 95

13 Conclusion 96

14 References 97

1
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Transportation
Buddy

2
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Introduction

Transportation is the intentional movement of humans, animals, and goods from one
location to another. The website typically offers a range of vehicles including cars, trucks,
buses, and other modes of transportation. Users can access the website and choose a
vehicle that meets their needs, based on factors such as size, capacity, and features. Any
company, Businesses, vendors, any individual always need transport for sending and
receiving materials, goods and other products which suits for their requirements. It is a
challenging task to find a transport company which has transport vehicles to provide cost
effective, reliable and on time delivery of their items. Transportation Buddy is a web
application that met all these requirements. Both passengers and goods transports are
available.

3
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Company Profile

Precursor Info Solutions Pvt Ltd in Lucknow is one of the leading businesses in the
Computer Training Institutes for Advanced Java. Also known for Computer Training
Institutes, Institutes, Fabricators, Computer Hardware Training Institutes, Mobile
Application Developers, Computer Training Institutes for Java, Computer Software
Training Institutes, Computer Training Institutes for Python and much more. Find
Address, Contact Number, Reviews & Ratings, Photos, Maps of Precursor Info Solutions
Pvt Ltd, Lucknow.

Established in the year 2014, Precursor Info Solutions Pvt Ltd in Mahanagar, Lucknow is
a top player in the category Computer Training Institutes for Advanced Java in the
Lucknow. This well-known establishment acts as a one-stop destination servicing
customers both local and from other parts of Lucknow

4
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Proposed System

The website will usually have a user-friendly interface and provide clear and detailed
information about the vehicles available for booking. Users can select the dates and times
they need the vehicle, as well as the pickup and drop-off locations. The booking process
is typically streamlined and straightforward, and the website will often provide real-time
availability information. Once the booking is confirmed, users can access their
reservation information and make any necessary changes or cancellations online.

The big attraction of the portal is that every vehicle has installed tracking devices and the
customer as well portal admin can monitor the vehicles carrying goods or personnel via
the portal. Details of the drivers carrying vehicle will be also seen to that customer.

5
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Objective and Scope

• Streamline the process of booking and scheduling of vehicles with their Drivers.
• Provide real-time tracking and automated notifications to ensure the safety and
well-being of the passengers and vehicles.
• Offer secure and reliable payment options to simplify the financial aspect of the
vehicle transportation process.
• Provide information about the vehicles and drivers, including their qualifications,
certifications, and driving records,
• Provide a user-friendly platform that is accessible and easy to use for every
individual.
• Promote a culture of safety, reliability, and convenience for private vehicle
transportation. Ratings and reviews will be given by the users that will be useful
for all users for the booking of transport vehicles.

6
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Technologies Used
Backend:
Python: Python is an interpreted, object-oriented, high-level programming language
with dynamic semantics. Its high-level built in data structures, combined with dynamic
typing and dynamic binding, make it very attractive for Rapid Application
Development, as well as for use as a scripting or glue language to connect existing
components together. Python's simple, easy to learn syntax emphasizes readability and
therefore reduces the cost of program maintenance. Python supports modules and
packages, which encourages program modularity and code reuse. The Python
interpreter and the extensive standard library are available in source or binary form
without charge for all major platforms, and can be freely distributed.

Django: Django is a web application framework written in Python programming


language. It is based on MVT (Model View Template) design pattern. The Django is
very demanding due to its rapid development feature. It takes less time to build
application after collecting client requirement. This framework uses a famous tag line:
The web framework for perfectionists with deadlines. By using Django, we can
build web applications in very less time. Django is designed in such a manner that it
handles much of configure things automatically, so we can focus on application
development only.

Frontend:
HTML: HTML stands for HyperText Markup Language. It is used to design web
pages using a markup language. HTML is a combination of Hypertext and Markup
language. Hypertext defines the link between web pages. A markup language is used
to define the text document within the tag which defines the structure of web pages.
This language is used to annotate (make notes for the computer) text so that a
machine can understand it and manipulate text accordingly. Most markup languages
(e.g. HTML) are human-readable.

7
MCA Department, SRMCEM, Lucknow
Transportation Buddy

CSS: Cascading Style Sheets, fondly referred to as CSS, is a simply designed


language intended to simplify the process of making web pages presentable. CSS
allows you to apply styles to web pages. More importantly, CSS enables you to do
this independently of the HTML that makes up each web page. It describes how a
webpage should look: it prescribes colours, fonts, spacing, and much more. In short,
you can make your website look however you want.

Bootstrap: Bootstrap is a free, open source front-end development framework for


the creation of websites and web apps. Designed to enable responsive development
of mobile-first websites, Bootstrap provides a collection of syntax for template
designs.

As a framework, Bootstrap includes the basics for responsive web development, so


developers only need to insert the code into a pre-defined grid system. The Bootstrap
framework is built on Hypertext Markup Language (HTML), cascading style sheets
(CSS) and JavaScript.

JavaScript: JavaScript (JS) is the most popular lightweight, interpreted compiled


programming language. It can be used for both Client-side as well as Server-
side developments. It is also known as a scripting language for web pages. This free
JavaScript Tutorial is designed to help both beginners and experienced professionals
master the fundamentals of JavaScript and unleash their creativity to build powerful
web applications.

Database:

SQLite: SQLite is an in-process library that implements a self-contained,


serverless, zero-configuration, transactional SQL database engine. It is a popular
choice as an embedded database for local/client storage in application software such
as web browsers. It is also used in many other applications that need a lightweight,
embedded database. SQLite is ACID-compliant and implements most of the SQL
standards, using a dynamically and weakly typed SQL syntax that does not guarantee
domain integrity.

8
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Hardware and Software Requirements


Hardware Requirements: -
Client Side:
Processor : Dual Core or above
RAM : 4 GB
HDD : 500 GB
Display : High Resolution screen
Others : Internet Connection
Developer Side:
Processor : Core i3 or above
RAM : 4 GB
HDD : 500 GB
Display : High Resolution screen
Others : Internet Connection

Software Requirements: -
Client Side:
Web Browser : Any updated browser
Developer Side:
Browser : Any updated browser
IDE : Visual Studio Code
Language : Python with Django
Database : SQLite
Operating System : Windows

9
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Modules Description

• Client Registration and Login: User has to do registration and login for booking
a vehicle.
• Vehicle Management: Admin will add/update/delete the details of the vehicle for
transportation
• Employee Management: Drivers and other employee’s information will have to
manage by admin.
• Customer Management: Customer information will be maintained by the system
admin
• Vehicle Booking: All vehicles booking request will be seen and accordingly it
will be handled.
• Vehicle Scheduling and Driver Allotment: Allotment of drivers for different
vehicle for different locations according to booking will be managed by admin.
• Rating and Review: Ratings and reviews are given by customers
• Query: Non registered users can contact to the portal admin in case of any query.
• Notification: Admin of the web site can post news related to various schemes and
offers of the transportation company.
• Searching: User can search vehicles according to their needs.
• Online Messaging: All types of user can do communication through this module.

10
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Use Case Diagram

User Admin

11
MCA Department, SRMCEM, Lucknow
Transportation Buddy

E-R Diagram

Login Id Password

Email ID Admin ID
Login

Name
Password
User Admin
Has

Mobile No

Manage
City
Manage

Cargo

Type
Crg ID
Crg Desc

Gender
Payment Employee
Pay desc Name

Mobile no
Cus ID E Mail
Pay ID Desig

12
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Coding

13
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Home Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<style>
.bg{
background-image: url("{%static 'transportapp/images/trucks/home.jpg'%}");
width: 100%;height: 700px
}
</style>
<script>
function checkLength()
{
did=document.getElementById("distance").value
if(did.length >5)
{
alert("max 5 digits")
return false
}
return true
}
</script>
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<div class="bg">
<!-- <img src= "{%static 'transportapp\images\trucks\T2.jpg'%}" style="width:
100%;height: 500px;"> -->
<h2 style="text-align: center; font: Poppins, sans-serif;font-size: 40px; font-weight:
800;line-height: 48px;color: white;">Online Truck Booking Made Easy</h2>
<div class="row">
<div class="col-6">
<img src="{%static 'transportapp\images\trucks\T40.png'%}" style="height:
450px; width: 650px; margin-top: 90px; margin-left: 50px;">
</div>
<div class="col-6">
<form method="post" action="/fare/" class="needs-validation" onsubmit=" return
checkLength()" novalidate>
{%csrf_token%}
<div style="background-color: white; width: 500px; height: auto; margin-left:
50px;">

14
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<h2 style="font: Poppins, sans-serif;margin-top: 130px; text-align: center;">BOOK


TRUCK</h2><br>
<div class="form-floating mb-3 col-10" style="margin-left: 40px;">
<input type="text" class="form-control" id="pickup" placeholder="" name="pick"
required>
<label for="pickup">Pickup Location</label>
<div class="invalid-feedback">
Please enter your Pickup Location.
</div>
</div>
<div class="form-floating col-10" style="margin-left: 40px;">
<input type="text" class="form-control" id="drop" placeholder="" name="drop"
required>
<label for="drop">Drop Location</label>
<div class="invalid-feedback">
Please enter your Drop Location.
</div>
</div><br>
<div class="form-floating col-10" style="margin-left: 40px;">
<input type="number" class="form-control" id="distance" placeholder=""
name="distance" required>
<label for="distance">Distance(in KM)</label>
<div class="invalid-feedback">
Please enter your Distance.
</div>
</div><br>
<div class="d-grid col-10" style="margin-left: 40px;">
<button type="submit" class="btn mb-3" style="background-color: #004672;color:
white;">Check Fare</button>
</div>
</div>
</form>
</div>
</div>
</div>
<div style="font: Poppins, sans-serif; margin-left: 100px;margin-right: 100px;text-
align: justify;">
<h1>Move Masters – India’s most reliable, dedicated and expert online Transport
logistics services partner!</h1>
<p>Move Masters is one of the foremost trucking companies, delivering the
plethora of transport services to its esteemed consumers across India. We are the “best-in-
class and cost-effective transporter” as defined by our customers and serving this industry
for many years.<br>
We have set high standards in every facet of transportation, and strive to keep
raising the bar. With our extensive industry knowledge and skilled team, you can

15
MCA Department, SRMCEM, Lucknow
Transportation Buddy

completely focus on your core interests whereas leaving the tiring and complex moving
process on us.<br>
Time-critical? No worries – Move Masters will help you!<br>
Our company is equipped with advanced equipment, modern tools, and expertise
that enable us to help our consumers with crucial transportation and supply chain
solutions. We ensure businesses that they will get excellent-quality, prompt, and secure
transportation services irrespective of time-constraint, the heavy load issue, and any other
related problem.<br>
Being the prime logistics services provider, we believe that people, technology,
infrastructure and expertise all work together to help businesses to succeed and
henceforth, we are offering the right blend of all these.<br>
We are a customer-centric firm and our every action is aimed to offer ease and
comfort to them when it comes to booking a truck. Our online truck booking app has
tremendously simplified the process of booking a truck. Whether you are looking for the
companies of online truck booking Hyderabad or online truck booking Mumbai, Move
Masters would always be your right choice.</p>
<br>
<b>Online Truck Booking- A Smart Trucking Move</b><br>
Bored with traditional truck booking practices? Looking for a smart and quick
way to book a truck? No worries! We have introduced an innovative and sophisticated
way to book trucks. Our online truck booking app and online portal will allow you to
book truck online anywhere, anytime.<br>
Online transport booking is just a click away! No matter what type and size of
your load is, we have the necessary infrastructure, equipment and tools to accommodate
your transportation needs. We are a full-service transport company backed by a wide
range of tech-enabled trucks, and experienced & skilled team players to offer you best-in-
class logistics and supply chain solutions.<br>
We offer you an instant pricing option while you try to book a truck using our
mobile app. It will give you a better idea to manage your transportation budget.<br><br>
<b>A trucking company – always there for you!</b><br>
Our safe and affordable transport services will help businesses to drive business
growth. We have years of experience in handling different types of transportation projects
which enable us to help our businesses to focus on their core competencies and business
operations. Our trucking company adds value to businesses at every stage, right from
delivering advanced truck booking solutions to time-bound deliveries of goods anywhere
across the nation.<br>
We are your trusted partner in your digital transformation journey. We have
designed our app while keeping your truck booking needs in mind. No matter whether
transportation involves short distance or long-distance, we are committed to delivering
your goods in a hassle-free, safe and timely manner. How we can help you?<br><br>
<b>Rich industry experience</b><br>
We bring together years of diverse experience in the transport industry. As the best
online transport booking company, we know what all it needs to bring you effective and
affordable solutions to suit your every transport need.<br><br>
<b>Advanced technology</b><br>

16
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Our adoption of technology, proven expertise and a huge network of fleet owners
and drivers helps us to serve you anywhere, anytime across any part of the
country.<br><br>
<b>On-time, every time</b><br>
We understand the value of time for you as well as for us. That is why we try to
deliver your consignment on time, every time.<br><br>
<b>Competitive pricing</b><br>
By designing innovative transport solutions that are targeted to your unique
business requirements, we have created a pricing strategy that works for everyone. Cost
can become a major constraint while hiring our services, but with our most affordable
prices, we won’t let this happen with our clients.<br><br>
<b> Reliability and safety</b><br>
We drive reliability and safety in transport operations through the effective
implementation of advanced security tools and technologies. It further helps you to drive
efficiency and achieve operational excellence.<br><br>
<b>Hassle-free services</b><br>
We provide hassle-free shipping and flawless logistics solutions for all your
Transport needs, whether small or big, to all parts across the country.<br>
Are you looking for a reliable and experienced transport company in India?
Search online for “local transport near me” or “transport company near me”, we are sure
that you will find Move Masters in top results. So, call us now to book our services!
</div>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
<script src="{% static 'transportapp/js/validation.js'%}"> </script>
</body>
</html>

17
MCA Department, SRMCEM, Lucknow
Transportation Buddy

About Us Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<style>
.w-100{
height: 50vh;
}
p{
text-align: justify;
}
h4{
font-weight: 700;
}
</style>
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<div style="height:200px;width: 100%; background-color: #02223F;">
<h1 style="font:Yantramanav, sans-serif;font-weight: 900; font-size: 64px;margin-left:
200px;color:white;">ABOUT US</h1>
</div>
<div class="row" style="margin-left: 100px;">
<div class="col-3" style="margin: 20px; background-color: #FEECE7;">
<img src="{%static 'transportapp/images/d1.png'%}" style="height: 80px;">
<h4>Our Vision</h4>
<p style="text-align: justify;">To stay ahead among our rivals in the transport and
logistics industry by providing world-class and innovative moving solutions to our
clients. We wish to become the top choice of our cus- tomers when they are looking for a
reliable, af- fordable and professional transporter.</p>
</div>
<div class="col-3" style="margin: 20px; background-color: #E6E6E9;">
<img src="{%static 'transportapp/images/d2.png'%}" style="height: 80px;">
<h4>Our Mission</h4>
<p style="text-align: justify;">Stay responsive to consumers' requirement,
find innovative and flexible solutions and strive to achieve customer satisfaction
with our per- formance, honesty, and integrity. We aim to achieve our esteemed patrons'
trust and de- velop a lasting relationship with them.</p>
</div>
<div class="col-3" style="margin: 20px; background-color: #E5F3FD;">
<img src="{%static 'transportapp/images/d3.png'%}" style="height: 80px;">
<h4>Our Commitment</h4>

18
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<p style="text-align: justify;">We are a dedicated group of professionals, committed


to delivering value for you. You will get what we have promised you. We don't make
false promises and don't hide anything from you. When we make the commitment, you
will get the delivery- no excuses.</p>
</div>
</div>
<div class="row">
<div class="col-5">
<img src="{%static 'transportapp\images\trucks\T1.jpg'%}" alt="Loading"
style="height: 675px;width: 640px; margin-left: 20px;">
</div>
<div class="col-6">
<h3 style="font:Yantramanav, sans-serif; font-size: 40px; font-weight: 900;margin-
left: 40px;">ADVANCED AND AFFORDABLE TRANSPORTATION SERVICES</h3>
<p style="margin-left: 40px;">TruckGuru is amongst the most renowned and
appreciated cargo service providers in the industry. We started our journey with the aim
of delivering the logistics and transportation excellence to our customers ensuring their
comfort as well as success.<br>
At TruckGuru, we render a broad spectrum of services incorporating Roadways
Transportation Services, Logistics Services, Supply Chain Consulting, Warehouse
Management, Inventory Control, Bulk Parcel Delivery etc. We provide innovative and
dynamic transport solution with the right people, modern techniques, and advanced
technologies to drive unmatched value for your business. Today, our company has firmly
established itself as the 'Market Leader' in the logistics and supply chain industry in India.
Drawing inspiration from our work and the standard we set, we have been proving
ourselves every day in best quality, cost effectiveness, client satisfaction and assurance to
deadlines.<br>
We are backed by a qualified, skilled, dedicated and professional workforce that
offer end-to-end cargo handling solutions and cater to logistics needs of every consumer
involved in the supply chain. All time-bound project cargo, urgent dispatches, fragile
items, hazardous chemicals, vaccines, pharmaceutical products, electronic goods,
automobile items, hardware, perishable shipments and many more are the part of our day-
to-day routine and handled with enthusiasm and professionalism. TruckGuru offers
cutting-edge and state-of-the-art transport solutions to its customers, helping them to
focus on their core competencies and business operations. Our company adds value to
businesses at every level, right from delivering first-rate warehousing assistance to
ensuring time-bound deliveries of goods anywhere across the country.<br>
Our web portal “truckguru.co.in” has entirely transformed the way you book or
hire the truck. This portal has made it easy and simple to avail our transport services
within a minute. With this amazing online truck booking platform, we cover the whole
process from truck booking to payments and documentation.</p>
</div>
</div>
<div class="row" style="width: 100%; height: auto;background-color: #02223F;">
<div class="col-5" style="margin-left: 80px; ">

19
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<h2 style="font:Yantramanav, sans-serif; font-size: 40px; font-weight: 900;color:


white;margin-left: 20px;">WHY CHOOSE FOR US </h2>
<p style="color: white;">We are very passionate about what we do! We have
everything that all is required to move your goods safely and damage-free. So, choosing
us means picking the smartest way to streamline the moving operations in your business
and focus on your core operations.</p>
<div class="row">
<div class="col-1">
<img src="{%static 'transportapp\images\icon-1.png'%}">
</div>
<div class="col">
<h5 style="color: white;margin-left: 20px;">FULL LOAD SERVICES</h5>
<p style="color: white; margin-left: 20px;">
We provide Full Truck load transportation services with varied type of trucks
available with the click of a button.</p>
</div>
</div>
<div class="row">
<div class="col-1">
<img src="{%static 'transportapp\images\icon-2.png'%}">
</div>
<div class="col">
<h5 style="color: white; margin-left: 20px;">TRANSPARENT PRICING</h5>
<p style="color: white; margin-left: 20px;">
With our fare calculator, we instantaneously give you best possible rates
online.</p>
</div>
</div>
<div class="row">
<div class="col-1">
<img src="{%static 'transportapp\images\icon-3.png'%}">
</div>
<div class="col">
<h5 style="color: white; margin-left: 20px;">QUICK & EASY PORTAL</h5>
<p style="color: white; margin-left: 20px;">
Hiring a truck is now just a click away, through our hassle free online booking
system.</p>
</div>
</div>
<div class="row">
<div class="col-1">
<img src="{%static 'transportapp\images\icon-4.png'%}">
</div>
<div class="col">
<h5 style="color: white; margin-left: 20px;">ADVANCE BOOKING</h5>
<p style="color: white; margin-left: 20px;">

20
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Our vehicle availability is guaranteed on daily/weekly/monthly basis to ensure on-


time reporting.</p>
</div>
</div>
</div>
<div class="col-6" >
<img src="{%static 'transportapp\images\trucks\T3.jpg'%}" alt="Loading..."
style="height: 525px; width: 750px; margin: 20px;">
</div>
</div>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

21
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Contact Us Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<style>
.bg{
background-image: url("{%static 'transportapp/images/trucks/home.jpg'%}");
width: 100%;height: 700px
}
</style>
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<!-- <h1>Contact Us page is here</h1> -->
<form method="post" class="needs-validation" action="/Contact_us/" novalidate>
{%csrf_token%}
<div class="row">
<div class="col-5 mt-5 mx-5 ">
<div class="input-group mb-3 mx-5">
<h2 style="text-align: center;font-family: 'Times New Roman', Times, serif;font-
size:40px ;padding-left: 200px; font-weight: 800;">Get In Touch</h2><hr>
<div class="input-group mb-3 mt-2">
<span class="input-group-text"><i class="fas fa-user-alt"></i></span>
<div class="form-floating ">
<input type="text" class="form-control" id="Username" placeholder="Enter
username" name="user_name" required>
<label for="Username">Username</label>
<div class="invalid-feedback">
Please enter your Username.
</div>
</div>
</div>
<div class="input-group mb-3 ">
<span class="input-group-text"><i class="fas fa-envelope"></i></span>
<div class="form-floating ">
<input type="email" class="form-control" id="Useremail"
placeholder="Enter useremail" name="user_email" required>
<label for="Useremail">UserEmail</label>
<div class="invalid-feedback">
Please enter your E-Mail.
</div>

22
MCA Department, SRMCEM, Lucknow
Transportation Buddy

</div>
</div>
<div class="input-group mb-3">
<span class="input-group-text"><i class="fas fa-phone"></i></span>
<div class="form-floating ">
<input type="number" class="form-control" id="Userphone"
placeholder="Enter user Phone No." name="user_phone" required>
<label for="Userphone">Phone No.</label>
<div class="invalid-feedback">
Please enter your phone number.
</div>
</div>
</div>
<div class="input-group mb-3">
<span class="input-group-text"><i class="fas fa-edit"></i></span>
<div class="form-floating ">
<input type="text" class="form-control" id="Usercity" placeholder="Enter
user city" name="user_city" required>
<label for="Usercity">City</label>
<div class="invalid-feedback">
Please enter your city.
</div>
</div>
</div>
<div class="input-group mb-3 ">
<span class="input-group-text"><i class="fas fa-edit"></i></span>
<div class="form-floating ">
<input type="textarea" class="form-control" id="Usermessage"
placeholder="Enter user message" name="user_message" required></textarea>
<label for="Usermessage">Your Message</label>
<div class="invalid-feedback">
Please enter your message.
</div>
</div>
</div>
<div class="text-center mx-5 mt-3" style="padding-left: 200px;">
<button class="btn" style="height:50px;width:100px ; background-color:
#EE7E1A; color: white; font-weight: 700;">Submit</button>
</div>
</div>
</div>
<div class="col-5 mt-5" style="height: 500px;width:50%;background-color:
#EE7E1A; ">
<h1 style="font: size 40px;font-family: 'Times New Roman', Times, serif;text-
align: center; color: white;">Contact Information</h1><hr>
<div class="bg-light">

23
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<h2 class="b">Contact Number:</h2>


<p class="a"><i class="fas fa-phone-square fa-2x"></i> +91 9369266506,+91
9425010024</p>
</div><br>
<div class="bg-light">
<h2 class="b">Mail Address:</h2>
<p class="a"><i class="fas fa-envelope fa-2x"></i> [email protected],
[email protected]</p>
</div><br>
<div class="bg-light">
<h2 class="b">Registered Office:</h2>
<p class="a" style="text-align: justify;"><i class="fas fa-map-marker-alt fa-
2x"></i> SF/11-12, Samarth E-Tower,Sun Meelan Complex Waghodia Crossroad,
National Highway 48 Vadodara, Gujarat 390019, IN</p>
</div>
</div>
</div>
<div class="row bg-secondary mt-5 bg-light" style="height: 200px;width:100%;text-
align: center;">
<h1 style="color: rgb(9, 10, 107);font: size 40px;font-weight:80px ;">Our
Solution</h1>
<p class="a">We Provide innovative and advanced transportation solutions,
enabling clients to concentrate on their core business functions. We value to businesses
through various means, starting with offering premium transport services to guaranteeing
prompt delivery of goods to any location in India.
</p>
</div>
<div class="row mt-5 mb-3" style="padding-left: 200px;">
<div class="col-2">
<img src="{%static 'transportapp/images/download1.webp'%}">
<h3 class="c">Surface Freight Services</h3>
</div>
<div class="col-2 ">
<img src="{%static 'transportapp/images/download2.webp'%}">
<h3 class="c">Import Logistics</h3>
</div>
<div class="col-2 ">
<img src="{%static 'transportapp/images/download3.webp'%}">
<h3 class="c">Customized Services</h3>
</div>
<div class="col-2">
<img src="{%static 'transportapp/images/download4.webp'%}">
<h3 class="c">Warehousing and Distribution</h3>
</div>
<div class="col-2">
<img src="{%static 'transportapp/images/download5.webp'%}">

24
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<h3 class="c">Brokerage Services</h3>


</div>
</div>
</form>
<script>
{% if messages %}
{% for m in messages %}
swal("{{m}}");
{%endfor%}
{%endif%}
</script>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
<script src="{% static 'transportapp/js/validation.js'%}"> </script>
</body>
</html>

25
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Truck Type Page


<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<style>
.bg{
background-image: url("{%static 'transportapp/images/trucks/home.jpg'%}");
width: 100%;height: 700px
}
.form-control{
border:3px solid #E47622;
}
</style>
<script>
function checkLength()
{
did=document.getElementById("distance").value
if(did.length >5)
{
alert("max 5 digits")
return false
}
return true
}
</script>
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<div class="bg">
<h2 style="text-align: center; font: Poppins, sans-serif;font-size: 40px; font-weight:
600;line-height: 48px;color:white;">Check Truck Types & Fare Online</h2>
<div class="row">
<div class="col-6">
<img src="{%static 'transportapp\images\trucks\T40.png'%}" style="height: 450px;
width: 650px; margin-top: 90px; margin-left: 50px;">
</div>
<div class="col-5">
<form method="post" action="/fare/" onsubmit=" return checkLength()"
class="needs-validation" novalidate>
{%csrf_token%}
<div style=" width: 500px; height: 370px;margin-top: 130px; margin-left: 50px;">

26
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<!-- <h2 style="font: Poppins, sans-serif;margin-top: 130px; text-align:


center;">BOOK TRUCK</h2><br> -->
<div class="form-floating mb-3 col-10" style="margin-left: 40px;">
<input type="text" class="form-control" id="pickup"
placeholder="[email protected]" name="pick" required>
<label for="pickup">Pickup Location</label>
<div class="invalid-feedback">
Please enter your Pickup Location.
</div>
</div>
<div class="form-floating col-10" style="margin-left: 40px;">
<input type="text" class="form-control" id="drop" placeholder="Password"
name="drop" required>
<label for="drop">Drop Location</label>
<div class="invalid-feedback">
Please enter your Drop Location.
</div>
</div><br>
<div class="form-floating col-10" style="margin-left: 40px;">
<input type="text" class="form-control" id="distance" placeholder="Password"
name="distance" required>
<label for="distance">Distance(in KM)</label>
<div class="invalid-feedback">
Please enter your Distance.
</div>
</div><br>
<div class="d-grid col-10" style="margin-left: 40px;">
<button type="Submit" class="btn" style="background-color:#E47622;color:
white;">Check Fare</button>
</div>
</div>
</form>
</div>
</div>
</div>
<br><br>
<h5 style="text-align: center;">Vehicle Dimensions (approx) and Max Load Capacity.
( Size differ as per Make Model of Manufacturer & Custom Modifications )
</h5><br>
<table class="table table-striped">
<thead>
<tr>
<th scope="col" style="background-color: #064B76; color: white;">Truck
Type</th>
<th scope="col" style="background-color: #064B76; color:
white;">Size(FT)</th>

27
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<th scope="col" style="background-color: #064B76; color: white;">House Hold


Capacity</th>
<th scope="col" style="background-color: #064B76; color: white;">Max.
Weight</th>
</tr>
</thead>
<tbody>
<tr>
<td>TATA ACE</td>
<td>7 L x 4.8 W x 4.8 H</td>
<td>1 BHK</td>
<td>@Max Load 850 Kgs</td>
</tr>
<tr>
<td>ASHOK LEYLAND DOST</td>
<td>7 L x 4.8 W x 4.8 H</td>
<td>1 BHK</td>
<td>Max Load 1 Ton</td>
</tr>
<tr>
<td>MAHINDRA BOLERO PICK UP</td>
<td>8 L x 4.8 W x 4.8 H</td>
<td>1 BHK</td>
<td>Max Load 1.5 Ton</td>
</tr>
<tr>
<td>TATA 407</td>
<td>9 L x 5.5 W x 5 H</td>
<td>1.5 BHK</td>
<td>Max Load 2.5 Ton</td>
</tr>
<tr>
<td>EICHER 14 FEET</td>
<td>14 L x 6 W x 6.5 H</td>
<td>2 BHK</td>
<td>Max Load 4 Ton</td>
</tr>
<tr>
<td>EICHER 17 FEET</td>
<td>17 L x 6 W x 7 H</td>
<td>2.5 BHKr</td>
<td>Max Load 5 Ton</td>
</tr>
<tr>
<td>EICHER 19 FEET</td>
<td>19 L x 7 W x 7 H</td>

28
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<td>2.5 BHK</td>
<td>Max Load 7/8/9 Ton</td>
</tr>
<tr>
<td>TATA 22 FEET</td>
<td>22 L x 7.5 W x 7 H</td>
<td>3 BHK</td>
<td>Max Load 10 Ton</td>
</tr>
<tr>
<td>TATA TRUCK (6 TYRE)</td>
<td>17.5 L x 7 W x 7 H</td>
<td></td>
<td>Max Load 9 Ton</td>
</tr>
<tr>
<td>TAURUS 16 T (10 TYRE)</td>
<td>21 L x 7.2 W x 7 H</td>
<td></td>
<td>Max Load 16 Ton</td>
</tr>
<tr>
<td>TAURUS 21 T (12 TYRE)</td>
<td>24 L x 7.3 W x 7 H</td>
<td></td>
<td>Max Load 21 Ton</td>
</tr>
<tr>
<td>TAURUS 25 T (14 TYRE)</td>
<td>28 L x 7.8 W x 7 H</td>
<td></td>
<td>Max Load 25 Ton</td>
</tr>
<tr>
<td>CONTAINER 20 FT</td>
<td>20 L x 8 W x 8 H</td>
<td>4 BHK</td>
<td>Max Load 6.5 Ton</td>
</tr>
<tr>
<td>CONTAINER 32 FT SXL</td>
<td>32 L x 8 W x 8 H</td>
<td>5 BHK</td>
<td>Max Load 7 Ton</td>
</tr>
<tr>

29
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<td>CONTAINER 32 FT MXL</td>
<td>32 L x 8 W x 8 H</td>
<td></td>
<td>Max Load 14 Ton</td>
</tr>
<tr>
<td>CONTAINER 32 FT SXL / MXL HQ</td>
<td>32 L x 8 W x 10 H</td>
<td></td>
<td>Max Load 7 / 14 Ton</td>
</tr>
<tr>
<td>20 FEET OPEN ALL SIDE (ODC)</td>
<td>20 L x 8 W x 8 H</td>
<td></td>
<td>Max Load 7 Ton</td>
</tr>
<tr>
<td>28-32 FEET OPEN-TRAILOR JCB ODC</td>
<td>28-32 L X 8 W x 8 H</td>
<td></td>
<td>Max Load 8 Ton</td>
</tr>
<tr>
<td>32 FEET OPEN-TRAILOR ODC</td>
<td>32 L X 8 W x 8 H</td>
<td></td>
<td>Max Load 25 Ton</td>
</tr>
<tr>
<td>40 FEET OPEN-TRAILOR ODC</td>
<td>40 L X 8 W x 8 H</td>
<td></td>
<td>Max Load 32 Ton</td>
</tr>
</tbody>
</table>
</table>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
<script src="{% static 'transportapp/js/validation.js'%}"> </script>
</body>
</html>

30
MCA Department, SRMCEM, Lucknow
Transportation Buddy

FAQ Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<div style="height:200px;width: 100%; background-color: #02223F;">
<h1 style="font:Yantramanav, sans-serif;font-weight: 900; font-size: 64px;margin-
left: 200px;color:white;">FAQ</h1>
</div>
<div class="row">
<h1 style="font: Yantramanav, sans-serif; font-weight: 700;padding-left:
120px;">FREQUENTLY ASKED QUESTIONS</h1>
<p style="padding-left: 120px;">If you do not find the answer to your question, then
please contact our customer service team who will be happy to assist you</p>
<div class="col-7 mb-3" style="padding-left: 120px;">
<div class="accordion accordion-flush" id="accordionFlushExample">
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingOne">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-
controls="flush-collapseOne">
How do I request a booking?
</button>
</h2>
<div id="flush-collapseOne" class="accordion-collapse collapse" aria-
labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Our booking system is a simplified process. You
can place a booking request online on our website/App or you can call our customer care
number 73908 11702. Our team after verification finds the nearest truck for you.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingTwo">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-
controls="flush-collapseTwo">
How would I know my fare charges & bill amount?
</button>
</h2>

31
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<div id="flush-collapseTwo" class="accordion-collapse collapse" aria-


labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Once our system receives your booking, you will
be notified of the approximate distance that your goods will travel, and accordingly your
bill amount will be calculated. With our fare calculator, we instantaneously give you the
best rate online.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingThree">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-
controls="flush-collapseThree">
Why do i need to pay token amount for booking confirmation ? What are the
different modes of payment accepted by you?
</button>
</h2>
<div id="flush-collapseThree" class="accordion-collapse collapse" aria-
labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">We take token amount for booking confirmation
for assurance that our Truck will be loaded once reached client pickup
location.Customers can make payments via PAYTM / UPI. We accept all types of cards,
so you can easily make a payment online.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingFour">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseFour" aria-expanded="false" aria-
controls="flush-collapseFour">
How will I receive my invoice?
</button>
</h2>
<div id="flush-collapseFour" class="accordion-collapse collapse" aria-
labelledby="flush-headingFour" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">You will receive an auto-generated invoice on
your registered e-mail ID once the consignment has been delivered.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingFive">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseFive" aria-expanded="false" aria-
controls="flush-collapseFive">
Can I place a booking with multiple pick-up and drop?

32
MCA Department, SRMCEM, Lucknow
Transportation Buddy

</button>
</h2>
<div id="flush-collapseFive" class="accordion-collapse collapse" aria-
labelledby="flush-headingFive" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">You can definitely do so. However, extra costs for
the extra point of delivery or pick-up will be levied accordingly. Our team will provide
you with the additional cost incurred at the time of booking. </div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingSix">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseSix" aria-expanded="false" aria-
controls="flush-collapseSix">
How can I cancel my booking? Will I be charged a cancellaton fee?
</button>
</h2>
<div id="flush-collapseSix" class="accordion-collapse collapse" aria-
labelledby="flush-headingSix" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Currently, you are required to raise a cancellation
request through the customer care number available on our website. Cancellation will
then be approved as per the terms and conditions. A cancellation fee would also be
applicable if our Truck has reached client pickup location.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingSeven">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseSeven" aria-expanded="false" aria-
controls="flush-collapseSeven">
Is there a possibility of truck being a no-show once the booking has been
confirmed?
</button>
</h2>
<div id="flush-collapseSeven" class="accordion-collapse collapse" aria-
labelledby="flush-headingSeven" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">We are committed to fulfil our responsibility
toward all confirmed bookings. In the event of not being able to do so due to unforeseen
circumstances, you will be notified well ahead of the pick-up time.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingThree">

33
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<button class="accordion-button collapsed" type="button" data-bs-


toggle="collapse" data-bs-target="#flush-collapseEight" aria-expanded="false" aria-
controls="flush-collapseEight">
Can I change the vehicle type after it has reached the pick-up point?
</button>
</h2>
<div id="flush-collapseEight" class="accordion-collapse collapse" aria-
labelledby="flush-headingEight" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">You can change the vehicle type after it has
reached its pick-up destination at an extra cost. You will be charged a cancellation fee as
per the company terms and conditions.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingNine">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseNine" aria-expanded="false" aria-
controls="flush-collapseNine">
Do you also provide loading/unloading & packing services?
</button>
</h2>
<div id="flush-collapseNine" class="accordion-collapse collapse" aria-
labelledby="flush-headingNine" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">All services confirmed through us include only
transportation of goods. If any manpower & packing assistance is needed, we will give
assistance in arranging as per requirement at extra cost. We do not guarantee packing and
labour services.
</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingTen">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseTen" aria-expanded="false" aria-
controls="flush-collapseTen">
How many days or hours in advance do I need to make my booking?
</button>
</h2>
<div id="flush-collapseTen" class="accordion-collapse collapse" aria-
labelledby="flush-headingTen" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Currently we are accepting bookings at the least
an hour prior to your desired pick-up time.</div>
</div>
</div>
<div class="accordion-item">

34
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<h2 class="accordion-header" id="flush-headingEleven">


<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseEleven" aria-expanded="false" aria-
controls="flush-collapseEleven">
Who will generate an e-way bill?
</button>
</h2>
<div id="flush-collapseEleven" class="accordion-collapse collapse" aria-
labelledby="flush-headingEleven" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">Consignor or Consignee before movement of
goods needs to Generate Part A & B e-way bill. Eway Bill is not required for household
items.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingTwelve">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseTwelve" aria-expanded="false" aria-
controls="flush-collapseTwelve">
Estimate fare shown in website is it Final Fare?
</button>
</h2>
<div id="flush-collapseTwelve" class="accordion-collapse collapse" aria-
labelledby="flush-headingTwelve" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">No the Website / App gives Estimate cost & the
final fare will be shared by our executive after verification of your pickup and drop
location, weight, material details etc.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingThirteen">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseThirteen" aria-expanded="false" aria-
controls="flush-collapseThirteen">
What are the additional charges or waiting charges?
</button>
</h2>
<div id="flush-collapseThirteen" class="accordion-collapse collapse" aria-
labelledby="flush-headingThirteen" data-bs-parent="#accordionFlushExample">
<div class="accordion-body" style="text-align: justify;">If the truck has reached
client location and there is delay in loading per day waiting charges range from 1000 to
5000 depending on vehicle type , if the vehicle is not loaded and returned empty
customer is liable to pay driver fuel charges and waiting charges.</div>
</div>
</div>
<div class="accordion-item">

35
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<h2 class="accordion-header" id="flush-headingFourteen">


<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseFourteen" aria-expanded="false" aria-
controls="flush-collapseFourteen">
Do you provide Parcel,bike, courier or car transport service?
</button>
</h2>
<div id="flush-collapseFourteen" class="accordion-collapse collapse" aria-
labelledby="flush-headingFourteen" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">We only provide full truck transport services, we
do not provide services for courier, parcels or car transportation.</div>
</div>
</div>
<div class="accordion-item">
<h2 class="accordion-header" id="flush-headingFifteen">
<button class="accordion-button collapsed" type="button" data-bs-
toggle="collapse" data-bs-target="#flush-collapseFifteen" aria-expanded="false" aria-
controls="flush-collapseFifteen">
What are the GST charges on Fare Amount?
</button>
</h2>
<div id="flush-collapseFifteen" class="accordion-collapse collapse" aria-
labelledby="flush-headingFifteen" data-bs-parent="#accordionFlushExample">
<div class="accordion-body">GST is Payable on Reverse Charge Mechanism:
GST @ 5%.</div>
</div>
</div>
</div>
</div>
<div class="col-4">
<img src="{%static 'transportapp\images\drivers\d16.jpg'%}" class="mb-3"
width="600px" style="border: 3px solid;">
<img src="{%static 'transportapp\images\drivers\d17.jpg'%}" width="600px"
style="border: 3px solid;">
</div>
</div>
<hr>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

36
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Feedback Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<style>
.rating {
display: flex;
flex-direction: row-reverse;
justify-content: center;
}
.rating > input{
display:none;
}
.rating > label {
position: relative;
/* width: 1.1em; */
width: 2rem;
/* font-size: 15vw; */
font-size: 40px;
color: #FFD700;
cursor: pointer;
}
.rating > label::before{
content: "\2605";
position: absolute;
opacity: 0;
}
.rating > label:hover:before,
.rating > label:hover ~ label:before {
opacity: 1 !important;
}
.rating > input:checked ~ label:before{
opacity:1;
}
.rating:hover > input:checked ~ label:before{
opacity: 0.4;
}
</style>
</head>
<body>
{% include "transportapp/html/common_header.html" %}

37
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<form method="post" action="/Feedback/" class="needs-validation" novalidate>


{%csrf_token%}
<div class="row">
<div class="col-4 mx-5">
<h2 style="text-align: center;font-family: 'Times New Roman', Times, serif;margin-
top: 30px;">Your Feedback is Valuable for Us.</h2>
<div class="input-group mb-3 mx-5 mt-4 ">
<span class="input-group-text "><i class="fas fa-user-alt"></i></span>
<div class="form-floating ">
<input type="text" class="form-control" id="Username" placeholder="Enter
username" name="u_name" required>
<label for="Username">Username</label>
<div class="invalid-feedback">
Please enter your Name.
</div>
</div>
</div>
<div class="input-group mb-3 mx-5">
<span class="input-group-text"><i class="fas fa-envelope"></i></span>
<div class="form-floating ">
<input type="email" class="form-control" id="Useremail" placeholder="Enter
useremail" name="u_email" required>
<label for="Useremail">UserEmail</label>
<div class="invalid-feedback">
Please enter your E-Mail.
</div>
</div>
</div>
<div class="input-group mb-3 mx-5">
<span class="input-group-text"><i class="fas fa-edit"></i></span>
<div class="form-floating ">
<textarea class="form-control" id="Usermessage" placeholder="Enter user
message" name="u_message" required></textarea>
<label for="Usermessage">Your Message</label>
<div class="invalid-feedback">
Please enter your Feedback Message.
</div>
</div>
</div>
<div class="rating" style="width:20%;height: auto;margin-left:40%">
<input type="radio" name="rating" value="5" id="5" required><label
for="5">&#9734;</label>
<input type="radio" name="rating" value="4" id="4" required><label
for="4">&#9734;</label>
<input type="radio" name="rating" value="3" id="3" required><label
for="3">&#9734;</label>

38
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<input type="radio" name="rating" value="2" id="2" required><label


for="2">&#9734;</label>
<input type="radio" name="rating" value="1" id="1" required><label
for="1">&#9734;</label>
<div class="invalid-feedback">
Please enter your Rating.
</div>
</div>
<div class="text-center">
<button class="btn bg-primary">Submit</button>
</div>
</div>
<div class="col-7 mt-5 mb-5">
<img src="{%static 'transportapp/images/feedback.jpg'%}"
style="height:500px;width: 100%;border: 2px solid;">
</div>
</div>
</form>
<script>
{% if messages %}
{% for m in messages %}
swal("{{m}}");
{%endfor%}
{%endif%}
</script>
{% include "transportapp/html/common_footer2.html" %}
{%include "transportapp/html/common_js.html"%}
<script src="{% static 'transportapp/js/validation.js'%}"> </script>
</body>
</html>

39
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Review Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<div class="row row-cols-1 row-cols-md-4 g-4">
{% for obj in feed_key %}
<div class="col">
<div class="card " style="width: 18rem;">
<div class="card-body">
<h5 class="card-title">{{obj.name}}</h5>
<h6 class="card-subtitle mb-2 text-muted">Stars:- {{obj.ratings}}</h6>
<p class="card-text">{{obj.feedback_text}}</p>
</div>
</div>
</div>
{% endfor %}
</div>
{%include "transportapp/html/common_footer2.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

40
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Login Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<style>
body{
font:Poppins, sans-serif;
}
</style>
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<form method="post" class="needs-validation" action="/Login/" novalidate>
{%csrf_token%}
<section class="vh-75" style="background-color: #02223F;">
<div class="container py-5 h-100">
<div class="row d-flex justify-content-center align-items-center h-100">
<div class="col col-xl-10">
<div class="card" style="border-radius: 1rem;">
<div class="row g-0">
<div class="col-md-6 col-lg-5 d-none d-md-block">
<img src="{%static 'transportapp/images/trucks/driver1.jpg'%}"
alt="login form" class="img-fluid" style="border-radius: 1rem 0 0 1rem;
height: 700px;" />
</div>
<div class="col-md-6 col-lg-7 d-flex align-items-center">
<div class="card-body p-4 p-lg-5 text-black">
<form>
<div class="d-flex align-items-center mb-3 pb-1">
<img src="{%static 'transportapp/images/Logo.png'%}" height="90px"
width="100px" >
<span class="h1 fw-bold mb-0" style="margin-left: 20px;">Move
Masters</span>
</div>
<h5 class="fw-normal mb-3 pb-3" style="letter-spacing: 1px;">Login into
your account</h5>
{% if messages %}
{% for m in messages %}
<div class="alert alert-danger d-flex align-items-center" role="alert">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
fill="currentColor" class="bi bi-exclamation-triangle-fill flex-shrink-0 me-2"
viewBox="0 0 16 16" role="img" aria-label="Warning:">

41
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<path d="M8.982 1.566a1.13 1.13 0 0 0-1.96 0L.165 13.233c-


.457.778.091 1.767.98 1.767h13.713c.889 0 1.438-.99.98-1.767L8.982 1.566zM8 5c.535
0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 5.995A.905.905 0 0 1 8 5zm.002
6a1 1 0 1 1 0 2 1 1 0 0 1 0-2z"/>
</svg>
<div>
{{m}}
</div>
</div>
{%endfor%}
{%endif%}
<div class="form-outline mb-4">
<input type="email" id="userid" class="form-control form-control-lg"
placeholder="User Id" name="u_id" required>
<div class="invalid-feedback">
Please enter your UserId.
</div>
</div>
<div class="form-outline mb-4">
<input type="password" id="password" class="form-control form-control-
lg" placeholder="Password" name="u_pass" required>
<div class="invalid-feedback">
Please enter your Password.
</div>
</div>
<div class="pt-1 mb-4 d-grid">
<button class="btn btn-dark btn-lg btn-block justify-content-center"
type="submit">Login</button>
</div>
<p class="mb-5 pb-lg-2" style="color: #393f81;">Don't have an account? <a
href="{{'/Sign_up/'}}"
style="color: #393f81;">Register here</a></p>
</form> </div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</form>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
<script src="{% static 'transportapp/js/validation.js'%}"> </script>
</body>
</html>

42
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Sign Up Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
<style>
.cascading-right {
margin-right: -50px;
}

@media (max-width: 991.98px) {


.cascading-right {
margin-right: 0;
}
}
</style>
</head>
<body>
{%include "transportapp/html/common_header.html"%}
<section class="text-center text-lg-start">
<form method="post" action="/Sign_up/" class="needs-validation" novalidate>
{%csrf_token%}
<div class="container py-4">
<div class="row g-0 align-items-center">
<div class="col-lg-6 mb-5 mb-lg-0">
<div class="card cascading-right" style="
background: hsla(0, 0%, 100%, 0.55);
backdrop-filter: blur(30px);
">
<div class="card-body p-5 shadow-5 text-center">
<h2 class="fw-bold mb-5">Sign up now</h2>
<form>
<div class="row">
<div class="col-md-6 mb-4">
<div class="form-outline">
<input type="text" id="form3Example1" class="form-control"
placeholder="First Name" name="f_name" required>
<div class="invalid-feedback">
Please enter your First Name.
</div>
</div>
</div>

43
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<div class="col-md-6 mb-4">


<div class="form-outline">
<input type="text" id="form3Example2" class="form-control"
placeholder="Last Name" name="l_name" required>
<div class="invalid-feedback">
Please enter your Last Name.
</div>
</div>
</div>
</div>
<div class="form-outline mb-4">
<input type="email" id="form3Example3" class="form-control"
placeholder="E-Mail" name="email" required>
<div class="invalid-feedback">
Please enter your E-Mail.
</div>
</div>
<div class="form-outline mb-4">
<input type="tel" id="form3Example4" class="form-control"
placeholder="Phone No." name="phone" required>
<div class="invalid-feedback">
Please enter your phone Number.
</div>
</div>
<div class="form-outline mb-4">
<input type="password" id="form3Example5" class="form-control"
placeholder="Password" name="password" required>
<div class="invalid-feedback">
Please enter your Password.
</div>
</div>
<button type="submit" class="btn btn-primary btn-block mb-4">
Sign up
</button>
</form>
</div>
</div>
</div>
</form>
<script>
{% if messages %}
{% for m in messages %}
swal("{{m}}");
{%endfor%}
{%endif%}
</script>

44
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<div class="col-lg-6 mb-5 mb-lg-0">


<img src="{%static 'transportapp/images/trucks/driver2.jpg'%}" class="w-100
rounded-4 shadow-4" style="height: 600px;"
alt="" />
</div>
</div>
</div>
</section>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
<script src="{% static 'transportapp/js/validation.js'%}"> </script>
</body>
</html>

45
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Booking Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
</head>
<body>
{%include "transportapp/user/user_commonheader.html"%}
<form method="post" action="/pay_book/">
{%csrf_token%}
<div class="container-fluid" style="background-color: #004672;">
<div class="row">
<div class="col-6"><input type="text" style="font: Yantramanav, sans-serif;font-
weight: 800;font-size: 48px;border: 0px solid;background-color:#004672;padding-left:
500px;color: white;" value="{{fare_key.pick_up}}" name="pick">
</div>
<div class="col-1 mt-4" style="background-color: #004672;">
<i class='fas fa-arrow-right' style="font-size: 36px;font-weight: 800;color:
white;"></i>
</div>
<div class="col-4"><input type="text" style="font: Yantramanav, sans-serif;font-
weight: 800;font-size: 48px;border: 0px solid; background-color:#004672;color:
white;margin-left: -50px;" value="{{fare_key.drop}}" name="drop"></div>
</div>
<div class="row">
<div class="col-7">
<label for="distance" style="font-size: 48px;font-weight: 800;padding-left:
650px;color: white;">Distance:-</label>
</div>
<div class="col-5">
<div style="width: 100px;"><input style="font: Yantramanav, sans-serif;font-weight:
800;font-size: 48px;border: 0px solid;background-color:#004672;width: 1110px;color:
white;" value="{{fare_key.distance}}" name="distance"></div>
</div>
</div>
</div>
<!-- <div class="col-10" style="padding-left: 200px;"> -->
<table class="table table-striped">
<thead>
<tr>
<th scope="col" style="font-size: 30px;">Select</th>
<th scope="col"style="font-size: 30px;">Truck Pic</th>
<th scope="col"style="font-size: 30px;">Truck Type</th>

46
MCA Department, SRMCEM, Lucknow
Transportation Buddy

</tr>
</thead>
<tbody>
{% for obj in vehicle_key %}
<tr>
<td style="padding: 50px;"><input type="radio" name="rd" value="{{obj.id}}"></td>
<td><img src="/media/{{obj.photo}}" height="100px" width="150px"></td>
<td style="font-size: 25px; font-family:'Times New Roman', Times, serif;padding-top:
50px;">{{obj.truck_type}}</td>
<input type="hidden" name="txt{{obj.id}}" value="{{obj.truck_type}}">
</tr>
{% endfor %}
</tbody>
</table>
<select class="form-select" aria-label="Default select example" name="itemtype">
<option selected>Open this select menu</option>
{% for obj1 in type_key %}
<option value="{{obj1.type}}">{{obj1.type}}</option>
{% endfor %}
</select>
<div class="input-group mb-3 mt-3">
<div class="form-floating ">
<input type="date" class="form-control" id="Usercity" placeholder="Booking Date"
name="user_city">
<label for="Usercity">Booking Date</label>
</div>
</div>
</div>
<div class="mx-auto mt-4 mb-4" style="padding-left: 650px;">
<button class="btn btn-primary" type="submit">Book Now</button>
</div>
</form>
<script type="text/javascript">
window.onload=function(){//from ww w . j a va2s. c o m
var today = new Date().toISOString().split('T')[0];
document.getElementsByName("user_city")[0].setAttribute('min', today);
}
</script>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

47
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Confirmation Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
</head>
<body>
{%include "transportapp/user/user_commonheader.html"%}
<div style="font-size: 48px; text-align: center;background-color: aquamarine;font-
weight: 800;"><p>{{book_key.pick}} <i class='fas fa-arrow-right' style='font-
size:36px'></i> {{book_key.drop}}</p>
<div><p>Distance:-{{book_key.distance}}</p>
</div>
</div>
<div style="padding-left: 300px;">
<div class="col-9" style="background-color: #004672;height: 60px;color: white;">
<p style="font-size: 20px; text-align: center;font-weight: 700;" class="mt-
2">Your Booking is almost done</p>
</div>
</div>
<div class="row mt-4" style="padding-left: 400px;">
<div class="col-6">
<h5>Name</h5><p>{{name_key.fname}}</p>
</div>
<div class="col-4">
<h5>Good Type</h5><p>{{book_key.item_type}}</p>
</div>
</div>
<div>
<p style="font-size: 20px;text-align: center;"><b>Truck Type:-
</b>{{book_key.truck_type}}</p>
</div>
<div>
<p style="font-size: 20px;text-align: center;"><b>Estimated Fare:- <i class='fas fa-
rupee-sign'></i></b>{{min_key}}-{{max_key}}</p>
</div>

<form method="post" action="/confirm_order/" style="padding-left: 730px;">


{%csrf_token%}
<input type="hidden" name="bkid" value="{{book_key.id}}">
<button type="submit" class="btn btn-primary" >Confirm</button>
</form>
<div class="accordion col-3" id="accordionExample" style="padding-left: 50px;">

48
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<div class="accordion-item">
<h2 class="accordion-header" id="headingOne">
<button class="accordion-button" type="button" data-bs-toggle="collapse" data-
bs-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">
Terms And Conditions*
</button>
</h2>
<div id="collapseOne" class="accordion-collapse collapse" aria-
labelledby="headingOne" data-bs-parent="#accordionExample">
<div class="accordion-body">
<strong>If you cancle booking after truck reached to your pickup location then
you will give fuel charges + 20% of your Estimated value</strong>
</div>
</div>
</div>
</div>
<br><br><br>
{%include "transportapp/html/common_footer.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

49
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Compose Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
{%include "transportapp/user/user_commonheader.html"%}
<div class="row">
<div class="col">
<form method="post" class="needs-validation" action="/c_message/" novalidate>
{%csrf_token%}
<div style="padding-left: 50px;">
<h2 style="text-align: center;font-family: 'Times New Roman', Times, serif;font-
size:40px ;text-align: center; font-weight: 800;">Compose Your Message</h2><hr>
<div class="input-group mb-3 mt-2">
<span class="input-group-text"><i class="far fa-address-book"></i></span>
<div class="form-floating ">
<input type="text" class="form-control" id="Username" placeholder="Enter
username" name="r_id" required>
<label for="Username">Reciever Id</label>
<div class="invalid-feedback">
Please enter your Reciever Id.
</div>
</div>
</div>
<div class="input-group mb-3 mt-2">
<span class="input-group-text"><i class="fas fa-edit"></i></span>
<div class="form-floating ">
<input type="text" class="form-control" id="Username" placeholder="Enter
username" name="sub" required>
<label for="Username">Subject</label>
<div class="invalid-feedback">
Please enter your Subject.
</div>
</div>
</div>
<div class="input-group mb-3 mt-2">
<span class="input-group-text"><i class="far fa-envelope"></i></span>
<div class="form-floating ">
<input type="text" class="form-control" id="Username" placeholder="Enter
username" name="message" required>

50
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<label for="Username">Message</label>
<div class="invalid-feedback">
Please enter your Message.
</div>
</div>
</div>
<div class="text-center mx-5 mt-3" style="text-align: center;">
<button class="btn" style="height:50px;width:100px ; background-color: #EE7E1A;
color: white; font-weight: 700;">Submit</button>
</div>
</div>
</form>
</div>
<div class="col">
<img src="{%static 'transportapp/images/compose.jpg'%}" alt="compose"
height="500px" width="730px" style="border: 3px solid;">
</div>
</div>
<script>
{% if messages %}
{% for m in messages %}
swal("{{m}}");
{%endfor%}
{%endif%}
</script>
{%include "transportapp/html/common_footer2.html"%}
{%include "transportapp/html/common_js.html"%}
<script src="{% static 'transportapp/js/validation.js'%}"> </script>
</body>
</html>

51
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Inbox Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
</head>
<body>
{%include "transportapp/user/user_commonheader.html"%}
<form method="post" action="/delete_inbox/">
{%csrf_token%}
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Select</th>
<th scope="col">Sender Id</th>
<th scope="col">Subject</th>
<th scope="col">Date</th>
<th scope="col">Message</th>
</tr>
</thead>
<tbody>
{%for m in msg_key%}
<tr>
<td><input type="checkbox" name="checkmsg" value="{{m.id}}"></td>
<td>{{m.sender_id}}</td>
<td>{{m.subject}}</td>
<td>{{m.date}}</td>
<td>{{m.message}}</td>
</tr>
{%endfor%}
</tbody>
</table>
<div class="col-md-12 text-center">
<button type="submit" class="btn btn-primary">Delete</button>
</div>
</form>
{%include "transportapp/html/common_footer2.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

52
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Sent Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
</head>
<body>
{%include "transportapp/user/user_commonheader.html"%}
<form method="post" action="/delete_sent/">
{%csrf_token%}
<table class="table table-striped">
<thead>
<tr>
<th scope="col">Select</th>
<th scope="col">Receiver Id</th>
<th scope="col">Subject</th>
<th scope="col">Date</th>
<th scope="col">Message</th>
</tr>
</thead>
<tbody>
{%for m in msg_key%}
<tr>
<td><input type="checkbox" name="checkmsg" value="{{m.id}}"></td>
<td>{{m.receiver_id}}</td>
<td>{{m.subject}}</td>
<td>{{m.date}}</td>
<td>{{m.message}}</td>
</tr>
{%endfor%}
</tbody>
</table>
<div class="text-center">
<button type="submit" class="btn btn-primary">Delete</button>
</div>
</form>
{%include "transportapp/html/common_footer2.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

53
MCA Department, SRMCEM, Lucknow
Transportation Buddy

My Order Page
<!DOCTYPE html>
{%load static%}
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{%include "transportapp/html/common_css.html"%}
</head>
<body>
{%include "transportapp/user/user_commonheader.html"%}
<table class="table table-striped">
<thead>
<tr>
<th scope="col">#</th>
<th scope="col">Your Id</th>
<th scope="col">Pick Location</th>
<th scope="col">Drop Location</th>
<th scope="col">Distance</th>
<th scope="col">Truck Booking Date</th>
<th scope="col">Booking Date</th>
<th scope="col">Amount</th>
<th scope="col">Booking Status</th>
</tr>
</thead>
<tbody>
{%for m in order_key%}
<tr>
<td><i class="fa fa-circle" style="font-size: 10px;"></i></td>
<td>{{m.user_id}}</td>
<td>{{m.pick}}</td>
<td>{{m.drop}}</td>
<td>{{m.distance}}</td>
<td>{{m.delivery_date}}</td>
<td>{{m.date}}</td>
<td>{{m.paid_amount}}</td>
<td>{{m.admin_confirm}}</td>
</tr>
{%endfor%}
</tbody>
</table>
{%include "transportapp/html/common_footer2.html"%}
{%include "transportapp/html/common_js.html"%}
</body>
</html>

54
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Common Header, Footer, CSS, JS Files


Header for not login user: -
{%load static%}
<title>Move Masters</title>
<style>
.nav-link{
color:black !important;
font:Poppins, sans-serif;
font-weight: 700;
font-size: 20px;
}
.dropdown-item{
color: black !important;
font-size: 20px;
}
a:hover{
color: #EE7E1A !important;;
}
</style>
<nav class="navbar navbar-expand-lg sticky-top" style="background-color: white;">
<div class="container-fluid">
<a class="navbar-brand" href="#"><img src="{%static 'transportapp/images/Logo.png'
%}" alt="Cinque Terre" width="60px" height="50px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{{'/'}}"><i class="fas fa-
home"></i></a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{'/About_us/'}}">AboutUs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{'/Contact_us/'}}">ContactUs</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{'/Truck_type'}}">Truck Type</a>
</li>
<li class="nav-item">
55
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<a class="nav-link" href="{{'/FAQ'}}">FAQ</a>


</li>
<li class="nav-item">
<a class="nav-link" href="{{'/Feedback'}}">Feedback</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{'/Review'}}">Review</a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-
toggle="dropdown" aria-expanded="false">
User
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{{'/Login'}}" style="font-weight:
700;">Login</a></li>
<li><a class="dropdown-item" href="{{'/Sign_up'}}" style="font-weight:
700;">Sign Up</a></li>
</ul>
</li>
</ul>
</div>
</div>
</nav>

Header for login user: -

{%load static%}
<title>Move Masters</title>
<style>
.nav-link{
color: black !important;
font:Poppins, sans-serif;
font-weight: 700;
font-size: 20px;
}
.dropdown-item{
color: black !important;
font-size: 20px;
}
a:hover{
color: #EE7E1A !important;;
}
</style>
<nav class="navbar navbar-expand-lg sticky-top" style="background-color: white;">
<div class="container-fluid">

56
MCA Department, SRMCEM, Lucknow
Transportation Buddy

<a class="navbar-brand" href="#"><img src="{%static 'transportapp/images/Logo.png'


%}" alt="Cinque Terre" width="60px" height="50px"></a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-
target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto mb-2 mb-lg-0" style="margin-right: 100px;">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="{{'/'}}"><i class="fas fa-
home"></i></a>
</li>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-
toggle="dropdown" aria-expanded="false">
Message
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="{{'/c_message/'}}" style="font-weight:
700;">Compose</a></li>
<li><a class="dropdown-item" href="{{'/inbox/'}}" style="font-weight:
700;">Inbox</a></li>
<li><a class="dropdown-item" href="{{'/sent/'}}" style="font-weight:
700;">Sent</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="{{'/Myorder/'}}">My Order</a>
</li>
<li class="nav-item">
<a class="nav-link" href="{{'/user_logout/'}}">Logout</a>
</li>
</ul>
</div>
</div>
</nav>

Footer 1: -
<footer class="bg-light text-center text-lg-start">
<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(8, 192, 238, 0.2);">
<p style="text-align: center;">© 2023 Copyright:Created By Sakshi and Ritesh</p>
</div>
<!-- Copyright -->
</footer>

57
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Footer 2: -

<footer class="bg-light text-center text-lg-start fixed-bottom">


<!-- Copyright -->
<div class="text-center p-3" style="background-color: rgba(8, 192, 238, 0.2);">
<p style="text-align: center;">© 2023 Copyright:Created By Sakshi and Ritesh</p>
</div>
<!-- Copyright -->
</footer>

CSS: -

{%load static%}
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dw
wykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/5.9.0/css/all.min.css"
integrity="sha512q3eWabyZPc1XTCmF+8/LuE1ozpg5xxn7iO89yfSOd5/oKvyqLngoN
Gsx8jq92Y8eXJ/IRxQbEC+FGSYxtk2oiw==" crossorigin="anonymous"
referrerpolicy="no-referrer" />
<link rel="icon" href="{%static 'transportapp/images/Logo.png'%}">

JS: -

<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0j
lpcV8Qyq46cDfL" crossorigin="anonymous"></script>

58
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Views.py File
from django.shortcuts import render,HttpResponse
from .models import
Contact,FeedBack_Rating,customer_signup,check_fare,Scheme_Offers,vehicle_manage,
user_message,Goods_type,Vehicle_booking
from django.contrib import messages
# Create your views here.
def home(request):
offer_list=Scheme_Offers.objects.all()
context={"offer_key":offer_list}
return render(request,'transportapp/html/index.html',context)
def aboutus(request):
return render(request,'transportapp/html/aboutus.html')
def contactus(request):
if request.method=='GET':
return render(request,'transportapp/html/contactus.html')
if request.method=='POST':
name=request.POST["user_name"]
email=request.POST["user_email"]
phone=request.POST["user_phone"]
city=request.POST["user_city"]
message=request.POST["user_message"]

contact_obj=Contact(name=name,email=email,phone=phone,city=city,message=message
)
contact_obj.save()
messages.success(request,"Thank you for Contacting Us")
return render(request,'transportapp/html/contactus.html')

def trucktype(request):
return render(request,'transportapp/html/trucktype.html')

def login(request):
if request.method=='GET':
return render(request,'transportapp/user/login.html')
if request.method=='POST':
id=request.POST["u_id"]
password=request.POST["u_pass"]
user_list=customer_signup.objects.filter(email=id,password=password)
if len(user_list)>0:
request.session["session_key"]=id
return render(request,'transportapp/user/user_home.html')
else:
messages.error(request,"Invalid ID and Password.!!")
return render(request,'transportapp/user/login.html')

59
MCA Department, SRMCEM, Lucknow
Transportation Buddy

def signup(request):
if request.method=='GET':
return render(request,'transportapp/user/signup.html')
if request.method=='POST':
fname=request.POST["f_name"]
lname=request.POST["l_name"]
email=request.POST["email"]
phone=request.POST["phone"]
password=request.POST["password"]

signup_obj=customer_signup(fname=fname,lname=lname,email=email,phone=phone,pas
sword=password)
signup_obj.save()
messages.success(request,"You are successfully register")
return render(request,'transportapp/user/signup.html')

def feedback(request):
if request.method=='GET':
return render(request,'transportapp/html/feedback.html')
if request.method=='POST':
name=request.POST["u_name"]
email=request.POST["u_email"]
message=request.POST["u_message"]
rating=request.POST["rating"]

feedback_obj=FeedBack_Rating(name=name,email=email,feedback_text=message,rating
s=rating)
feedback_obj.save()
messages.success(request,"Thank you for your feedback")
return render(request,'transportapp/html/feedback.html')

def faq(request):
return render(request,'transportapp/html/faq.html')

def fare(request):
if request.method=='GET':
return HttpResponse("<h2> Page Cannot be refresh")
if request.method=='POST':
if "session_key" in request.session.keys():
pick=request.POST["pick"]
drop=request.POST["drop"]
distance=request.POST["distance"]
fare_obj=check_fare(pick_up=pick,drop=drop,distance=distance)
fare_obj.save()
vehicle_list=vehicle_manage.objects.all()
fare_object=check_fare.objects.get(id=fare_obj.id)

60
MCA Department, SRMCEM, Lucknow
Transportation Buddy

type_list=Goods_type.objects.all()
context={"vehicle_key":vehicle_list,"fare_key":fare_object,"type_key":type_list}
return render(request,'transportapp/html/booking.html',context)
else:
messages.error(request,"Please do Login first")
return render(request,'transportapp/user/login.html')

def booking(request):
if request.method=='POST':
item_type=request.POST["itemtype"]
id=request.POST["rd"]
truck_type=request.POST["txt"+str(id)]
return render(request,'transportapp/user/pay_book.html')

def review(request):
feed_list=FeedBack_Rating.objects.all()
context={"feed_key":feed_list}
return render(request,'transportapp/html/review.html',context)

def user_logout(request):
del request.session["session_key"]
offer_list=Scheme_Offers.objects.all()
context={"offer_key":offer_list}
return render(request,'transportapp/html/index.html',context)

def user_compose(request):
if request.method =='GET':
return render(request,'transportapp/user/compose_message.html')
if request.method =='POST':
sender_id=request.session["session_key"]
receiver_id=request.POST["r_id"]
subject=request.POST["sub"]
message=request.POST["message"]

com_obj=user_message(sender_id=sender_id,receiver_id=receiver_id,subject=subject,m
essage=message)
com_obj.save()
messages.success(request,"Your message is compose successfully")
return render(request,'transportapp/user/compose_message.html')

def inbox(request):
receiver_id=request.session["session_key"]

message_list=user_message.objects.filter(receiver_id=receiver_id,receiver_status="False
")
context={"msg_key":message_list}

61
MCA Department, SRMCEM, Lucknow
Transportation Buddy

return render(request,'transportapp/user/user_inbox.html',context)

def sent(request):
sender_id=request.session["session_key"]
message_list=user_message.objects.filter(sender_id=sender_id,sender_status="False")
context={"msg_key":message_list}
return render(request,'transportapp/user/user_sent.html',context)

def delete_inbox(request):
receiver_id=request.session["session_key"]
msgid_list=request.POST.getlist("checkmsg")
for m_id in msgid_list:
msg_obj=user_message.objects.get(id=m_id)
msg_obj.receiver_status="True"
msg_obj.save()

message_list=user_message.objects.filter(receiver_id=receiver_id,receiver_status="False
")
context={"msg_key":message_list}
return render(request,'transportapp/user/user_inbox.html',context)

def delete_sent(request):
sender_id=request.session["session_key"]
msgid_list=request.POST.getlist("checkmsg")
for m_id in msgid_list:
msg_obj=user_message.objects.get(id=m_id)
msg_obj.sender_status="True"
msg_obj.save()
message_list=user_message.objects.filter(sender_id=sender_id,sender_status="False")
context={"msg_key":message_list}
return render(request,'transportapp/user/user_sent.html',context)

def payment_booking(request):
if request.method=='POST':
user_id=request.session["session_key"]
truck_id=request.POST["rd"]
item_type=request.POST["itemtype"]
book_date=request.POST["user_city"]
truck_type=request.POST["txt"+truck_id]
pick=request.POST["pick"]
drop=request.POST["drop"]
distance=request.POST["distance"]
book_obj=
Vehicle_booking(user_id=user_id,veh_id=truck_id,truck_type=truck_type,pick=pick,dro
p=drop,item_type=item_type,booking_date=book_date,distance=distance)
book_obj.save()

62
MCA Department, SRMCEM, Lucknow
Transportation Buddy

user_obj=customer_signup.objects.get(email=user_id)
max=int(distance)*65
min=int(distance)*60
print(max)

context={"book_key":book_obj,"name_key":user_obj,"max_key":max,"min_key":min}
return render(request,'transportapp/user/pay_book.html',context)

def user_order(request):
user_id=request.session["session_key"]
order_list=Vehicle_booking.objects.filter(user_id=user_id).order_by('-id')
context={"order_key":order_list}
return render(request,'transportapp/user/user_order.html',context)

def confirm_order(request):
if request.method=='POST':
user_id=request.session["session_key"]
book_id=request.POST["bkid"]
vb=Vehicle_booking.objects.get(id=book_id,user_id=user_id)
vb.user_confirmation="Confirmed"
vb.save()
order_list=Vehicle_booking.objects.filter(user_id=user_id)
context={"order_key":order_list}
return render(request,'transportapp/user/user_order.html',context)

63
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Models.py File
from django.db import models
from django.utils import timezone

class Contact(models.Model):
name=models.CharField(max_length=40)
email=models.EmailField(max_length=50)
phone=models.CharField(max_length=10)
city=models.CharField(max_length=30)
message=models.TextField()
date=models.DateField(default=timezone.now)
def __str__(self):
return self.name

class Scheme_Offers(models.Model):
contents=models.CharField(max_length=45)
date=models.DateField(default=timezone.now)

def __str__(self):
return self.contents

class FeedBack_Rating(models.Model):
name=models.CharField(max_length=45)
email=models.EmailField(max_length=45)
feedback_text=models.TextField()
ratings=models.CharField(max_length=6)
date=models.DateField(default=timezone.now)
def __str__(self):
return self.name

gender=[
("M","Male"),
("F","Female"),
]

class Employee(models.Model):
name=models.CharField(max_length=45)
email=models.EmailField(max_length=45)
phone=models.CharField(max_length=10)
designation=models.CharField(max_length=20)
experience=models.CharField(max_length=10)
gender=models.CharField(max_length=6,choices=gender)

employee_pic=models.FileField(max_length=200,upload_to="transportapp/employee_pi
c",default="")

64
MCA Department, SRMCEM, Lucknow
Transportation Buddy

def __str__(self):
return self.name

class vehicle_manage(models.Model):
truck_type=models.CharField(max_length=50)
truck_size=models.CharField(max_length=40)
truck_capacity=models.CharField(max_length=40)
truck_weight=models.CharField(max_length=30)

photo=models.FileField(max_length=200,upload_to="transportapp/truck_pic",default=""
)
def __str__(self):
return self.truck_type

class customer_signup(models.Model):
fname=models.CharField(max_length=30)
lname=models.CharField(max_length=30)
email=models.EmailField(max_length=60)
phone=models.CharField(max_length=10)
password=models.CharField(max_length=20)
date=models.DateField(default=timezone.now)
def __str__(self):
return self.fname

class check_fare(models.Model):
pick_up=models.CharField(max_length=100)
drop=models.CharField(max_length=100)
distance=models.CharField(max_length=5)
date=models.DateField(default=timezone.now)
def __str__(self):
return self.pick_up

class user_message(models.Model):
sender_id=models.CharField(max_length=40)
receiver_id=models.CharField(max_length=40)
subject=models.CharField(max_length=40)
message=models.CharField(max_length=100)
sender_status=models.CharField(max_length=40,default="False")
receiver_status=models.CharField(max_length=40,default="False")
date=models.DateField(default=timezone.now)
def __str__(self):
return self.sender_id

class Goods_type(models.Model):
type=models.CharField(max_length=50)
def __str__(self):

65
MCA Department, SRMCEM, Lucknow
Transportation Buddy

return self.type

conformation=[
("Apporved","Apporved"),
("Pending","Pending"),
("Rejected","Rejected")
]

class Vehicle_booking(models.Model):
user_id=models.CharField(max_length=40,null=False)
veh_id=models.CharField(max_length=5)
driver_id=models.CharField(max_length=40)
truck_type=models.CharField(max_length=50,null=False)
pick=models.CharField(max_length=200)
drop=models.CharField(max_length=200)
distance=models.CharField(max_length=5)
delivery_date=models.CharField(max_length=10)
item_type=models.CharField(max_length=60)
booking_date=models.CharField(max_length=10)
date=models.DateField(default=timezone.now)
paid_amount=models.CharField(max_length=30)
user_confirmation=models.CharField(max_length=30,default="Not Confirmed")

admin_confirm=models.CharField(max_length=10,choices=conformation,default="Pendi
ng")
booking_status=models.BooleanField(default=False)
def __str__(self):
return self.user_id

66
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Admin Panel
from django.contrib import admin
from .models import
Contact,FeedBack_Rating,Scheme_Offers,Employee,vehicle_manage,customer_signup,c
heck_fare,Goods_type,user_message,Vehicle_booking
class Admin_contact(admin.ModelAdmin):
list_display=('name','email','phone','city','message','date')
list_filter=['date']

class Admin_feedback(admin.ModelAdmin):
list_display=('name','email','feedback_text','ratings','date')
search_fields=('ratings',)

class Admin_employee(admin.ModelAdmin):
list_display=('name','email','phone','designation','experience','gender')
search_fields=('designation','experience')

class Admin_vehicle(admin.ModelAdmin):
list_display=('truck_type','truck_size','truck_capacity','truck_weight')
list_filter=['truck_type','truck_weight']
class Admin_signup(admin.ModelAdmin):
list_display=('fname','lname','email','phone','password')
class Admin_message(admin.ModelAdmin):

list_display=('sender_id','receiver_id','subject','message','sender_status','receiver_status','d
ate')
class Admin_fare(admin.ModelAdmin):
list_display=('pick_up','drop','distance','date')
search_fields=('pick_up',"drop")
class Admin_book(admin.ModelAdmin):
list_display=('user_id','pick','drop','distance','booking_date','user_confirmation','date')
# Register your models here.
admin.site.register(Contact,Admin_contact)
admin.site.register(Scheme_Offers)
admin.site.register(FeedBack_Rating,Admin_feedback)
admin.site.register(Employee,Admin_employee)
admin.site.register(vehicle_manage,Admin_vehicle)
admin.site.register(customer_signup,Admin_signup)
admin.site.register(check_fare,Admin_fare)
admin.site.register(Vehicle_booking,Admin_book)
admin.site.register(Goods_type)
admin.site.register(user_message,Admin_message)

admin.site.site_header="Move Masters Administrations"


admin.site.site_title="Move Masters Admin Dashboard"
admin.site.index_title="Welcome to Move Masters"

67
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Urls
from django.urls import path
from . import views
urlpatterns=[
path("",views.home,name='home'),
path("About_us/",views.aboutus,name='aboutus'),
path("Contact_us/",views.contactus,name='contactus'),
path("Truck_type/",views.trucktype,name='trucktype'),
path("Login/",views.login,name='login'),
path("Sign_up/",views.signup,name='signup'),
path("Feedback/",views.feedback,name='feedback'),
path("FAQ/",views.faq,name='faq'),
path("fare/",views.fare,name='fare'),
path("booking/",views.booking,name='booking'),
path("Review/",views.review,name="review"),
path("c_message/",views.user_compose,name="message"),
path("user_logout/",views.user_logout,name="user_logout"),
path("inbox/",views.inbox,name="inbox"),
path("sent/",views.sent,name="sent"),
path("delete_inbox/",views.delete_inbox,name="delete_inbox"),
path("delete_sent/",views.delete_sent,name="delete_inbox"),
path("pay_book/",views.payment_booking,name="pay_book"),
path("Myorder/",views.user_order,name="order"),
path("confirm_order/",views.confirm_order,name="corder"),
]

68
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Screen Shots

69
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Home Page

70
MCA Department, SRMCEM, Lucknow
Transportation Buddy

About Us Page

71
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Contact Us Page

72
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Truck Type Page

73
MCA Department, SRMCEM, Lucknow
Transportation Buddy

FAQ Page

74
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Feedback Page

75
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Review Page

76
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Login Page

77
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Sign Up Page

78
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Booking Page

79
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Confirmation Page

80
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Compose Page

81
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Inbox Page

82
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Sent Page

83
MCA Department, SRMCEM, Lucknow
Transportation Buddy

My Order Page

84
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Admin Panel

85
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Database Tables

Check Fare Table

86
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Contacts Table

87
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Customer Sign Up

88
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Employee table

89
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Feedback table

90
MCA Department, SRMCEM, Lucknow
Transportation Buddy

List of Goods

91
MCA Department, SRMCEM, Lucknow
Transportation Buddy

User Messages Table

92
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Vehicle Booking Table

93
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Vehicle Table

94
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Limitations and Future Scope

• While Transportation Buddy websites offer many benefits, there are also some
limitations that should be considered. These limitations include: Technical
problems such as website crashes, slow loading times, or errors during the
booking process can cause frustration for users and hinder the experience.
• Users may not be able to fully inspect the vehicle before booking, leading to
uncertainty about its condition or potential issues that could arise during the rental
period.
• The accuracy of information and reviews provided by other users may not always
be reliable, as users may have different expectations or experiences.
• This portal can be integrated with mobile application for the best outcome. Real
time talk with video conferencing with drivers can be added to make it more
secure.

95
MCA Department, SRMCEM, Lucknow
Transportation Buddy

Conclusion

The goal of Transportation Buddy website is to provide a convenient and efficient


platform for users to book vehicles for their transportation needs. By offering a wide
range of vehicles and flexible booking options, the website can meet the needs of a
diverse range of users, from individual travelers to large organizations.

Logistics systems and transportation consist of interdependent relationships that logistics


management requires transportation to perform its day to day activities and meanwhile, a
good logistics system can efficiently improve transportation development and traffic
environment. Since transportation contribute the highest cost among the related elements
in logistics systems, the improvement of transport efficiency can change the overall
performance of a logistics system. Transportation plays an important role in logistics
system and its activities appear in various sections of logistics processes. Without the
linking of transportation, a powerful logistics strategy cannot bring its capacity into full
play.

The review of logistics system in a broad sense might help to integrate the advantages
from different application cases to overcome their current demerits. Review of transport
systems provides a clear notion on transport applications in logistics activities.
Development of logistics will be still vigorous in the following decades and the logistics
concepts might be applied in more fields.

96
MCA Department, SRMCEM, Lucknow
Transportation Buddy

References

Websites: -

• https://getbootstrap.com
• https://www.w3schools.com/bootstrap
• https://mdbootstrap.com
• https://cdnjs.com
• https://www.python.org
• https://www.djangoproject.com

97
MCA Department, SRMCEM, Lucknow

You might also like