TOGETHER WE GO

Project Report
Submitted in partial fulfillment of the requirement for the award of the degree of

B.Sc COMPUTER SCIENCE

(University of Calicut)

Submitted by

ABINANTH P J YVATSCS005
AJAY SANKAR YVATSCS006
JITHIN BINOY YVATSCS029
SREEJITH S YVATSCS039

2019-2022 Academic Year

 B.Sc. COMPUTER SCIENCE
UNIVERSITY OF CALICUT

CERTIFICATE
This is to certify that the project report entitled “TOGETHER WE GO” is a bonafide
record done by Mr. ABINANTH P J (YVATSCS005), Mr. AJAY SANKAR M S
(YVATSCS006), Mr. JITHIN BINOY (YVATSCS029) and Mr. SREEJITH S (YVATSCS039)
during the academic year 2019-2022 towards the partial fulfilment of the requirements for the award
of BACHELOR OF COMPUTER SCIENCE of the University of Calicut.

................................... ....................................
Project Guide Head of Department
Ms. KEERTHIKA.M Ms. MEENA JOSE KOMBAN

……………………………..

EXTERNAL EXAMINER
DECLARATION
 DECLARATION

We, Mr. ABINANTH P J (YVATSCS005), Mr. AJAY SANKAR M S

(YVATSCS006), Mr. JITHIN BINOY (YVATSCS029), Mr. SREEJITH S (YVATSCS039)
hereby declare that the project work entitled “TOGETHER WE GO” is developed at
YUVAKSHETRA INSTITUTE OF MANAGEMENT STUDIES,EZHAKKAD,
PALAKKAD and submitted to the University of Calicut, in partial fulfilment of the requirements
for the award of the degree of BACHELOR OF COMPUTER SCIENCE, is a record of original
project work done by us during the period of 2018-2021, under the supervision and guidance of
Ms. KEERTHIKA.M, Assistant Professor, Department of Computer Science,
YUVAKSHETRA INSTITUTE OF MANAGEMENT STUDIES, EZHAKKAD,
PALAKKAD.

Place: Ezhakkad Signature of the candidate

Date: ABINANTH P J
AJAY SANKAR M.S
JITHIN BINOY
SREEJITH S
ACKNOWLEDGEMENT
 ACKNOWLEDGEMENT

The success and final outcome of this project required a lot of guidance and assistance
from many people and we are extremely privileged to have got this all along the completion of
our project. All that we have done is only due to such supervision and assistance and we would
not forget to thank them.

We are greatly indebted to our principal Dr.Tomy Antony who has given us the
permission for the fulfilment of this venture.

We are owe our deep gratitude to Ms. Meena Jose Komban, Head of the Department of
Computer Science who took keen interest on our project work and guided us all along, till the
completion of our project work by providing all the necessary support and guidance.

We are heartily thanking our internal project guide, Ms. Keerthika.M, Assistant
Professor, Department of Computer Science, Yuvakshetra Institute of Management Studies
for her valuable encouragement, guidance and suggestions during this project work. We are
grateful to her in all the ways.

We are thankful to and fortunate enough to get constant encouragement, support and
guidance from all faculty members, Department of Computer Science, who helped us in
successfully completing our project work.

Last but certainly not the least we would like to extend our sincere esteems to our family
members and beloved friends for their moral support and encouragement without them we would
not have been able to follow our dreams.
ABSTRACT
 ABSTRACT

In this modern era all can visualise the cost of travelling from one place to another
place. For reducing the expense this is the platform to connect two or more users to travel to the
same locations together. The major use of this platform is to reduce the travel expense and
pollution. User can connect with others who live in their home town looking to travel to the same
place or find buddies. This platform provides many features to the fellow travellers. By linking to
this platform, opens an opportunity for the workshop, taxi and restaurants. TOGETHER WE GO
The website is intended to connecting travellers, Order food and services for a good travel. It
includes Repair and Maintenance Logs, Fuel Logs, and so on. It also keeps track of expenses and
bills while traveling. The customer can also review and rate the feedback and service of other
travellers in the website.
 INDEX
1. INTRODUCTION 1
2. SYSTEM CONFIGURATION 2
2.1. HARDWARE CONFIGURATION 2
2.2. SOFTWARE CONFIGURATION 2
2.3. USER REQUIREMENTS 2
2.3.1. FRONT END SOFTWARE 2
2.3.2. BACK END SOFTWARE 2
3. SYSTEM DEVELOPMENT ANALYSIS 3
3.1. OBJECTIVE OF THE SYSTEM 3
3.2. EXISTING SYSTEM 3
3.3. PROPOSED SYSTEM 3
4. SYSTEM DESIGN 5
4.1. INTRODUCTION 5
4.2. INPUT DESIGN 5
4.3. OUTPUT DESIGN 6
4.4. DATABASE DESIGN 7
4.5. MODULE DESCRIPTION 7
5. SYSTEM IMPLEMENTATION AND TESTING 9
5.1. SYSTEM IMPLEMENTATION 9
5.2. SYSTEM TESTING 9
5.2.1 TYPES OF TESTING 10
6. CONCLUSION 12
7. BIBLIOGRAPHY 13
8. APPENDICES 14
8.1. ER DIAGRAM 14
8.2. DATA FLOW DIAGRAM 15
8.3. SAMPLE SCREEN SHOT 19
8.4. TABLE STRUCTURE 21
8.5. SOURCE CODE 24
 LIST OF TABLES

S. No TABLE NAME PAGE NO

1 ADMIN 21
2 USER 21
3 WORKSHOP 22
4 RESTAURANT 23
5 FUEL STATION 23
 LIST OF FIGURES

S.No FIGURE NAME PAGE NO

1 Fig. 8.1 ER Diagram
2 Fig. 8.2.1 DFD Level 0
3 Fig. 8.2.2 DFD Level 1 15
4 Fig 8.2.3 DFD Level 1.1 16
5 Fig 8.2.4 DFD Level 2 17
6 Fig 8.2.5 DFD Level 2.1 17
7 Fig. 8.3.1 SCREENSHOTS 19
8 Fig. 8.3.2 SCREENSHOTS 19
9 Fig. 8.3.3 SCREENSHOTS
10 Fig. 8.3.2 SCREENSHOTS
11 Fig. 8.3.2 SCREENSHOTS
 Together We Go

INTRODUCTION

Yuvakshetra College P a g e | 12
 Together We Go

1. INTRODUCTION

1.1 INTRODUCTION

Traveling is an unavoidable thing’s during these days. Except than just travelling safety
and economy are more important. We live in a world where everything is transported by the use
of vehicles, the major cause of vehicle pollution is the rapid increase in the number of vehicles.
Over the last few decades, most vehicles have been produced. The population of vehicles was
about 1.4 billion in 2020 itself. The rapid growth in vehicles means more fuel is required which
results in the emission of harmful gases in the environment that causes air pollution.

For reducing the expense this is the platform to connect two or more users to travel to the
same locations together. Pollution and travel expense increases when different individuals travel
to same place in different vehicles. Where you can meet local travellers from your desired
destination, chat with them to learn about places and plan unique trips. To find your buddy, you
only need to enter your destination, choose a preferred gender for your travel buddy and finally
add your travel dates and post in the application.

View Travellers within your own location or for any location across the World. Connect
with them. Post your own story, ask about a destination or look for travel buddies for your next
destination.

Yuvakshetra College P a g e | 13
 Together We Go

2. SYSTEM CONFIGURATION

Yuvakshetra College P a g e | 14
 Together We Go

2. SYSTEM CONFIGURATION

2.1 HARDWARE REQUIREMENT

 Processor : Core 2 Duo at 2.0 GHz

 RAM : 512MB DDR2 RAM [minimum]
 Monitor : ANY COLOUR
 Keyboard : Standard 120 keys
 Mouse : ANY
 Hard disk : 160GB [minimum]

2.2 SOFTWARE REQUIREMENT

 Operating system : Windows / Linux

 Environment : Wamp server
 Front end : HTML, CSS, JavaScript, Bootstrap, React
 Backend : PHP, MySQL

2.3 USER REQUIREMENTS

2.3.1 FRONT END SOFTWARE

 HTML
 CSS
 JavaScript
 Bootstrap
 React

Yuvakshetra College P a g e | 15
 Together We Go

 HTML: Hypertext mark-up language is a scripting language used for writing that are in web
pages. It specifies layout and linking commands present in the hypertext document themselves the
word hypertext refers to the nonlinear information on the document, which helps to navigate through
the pages. HTML was invented by Tim Berners LEE at CERN, the European laboratory for practical
physics in Geneva. An HTML document is a plane a SCI text file created using any text editor with
quotes inserted in the text to define elements in the document. Users have to provide formatting
through their browser platform combination. HTML publishing tools are used for making web
pages’ internet. Mark up is a process of taking extraordinary text and extra signals. Each of the
signals used by the mark-up in the HTML is a command that tells the browser how to display the
text. HTML define structure of a particular type of document what is called a document type
definition. It is a simple language used to design and describe the layout of web page for shop HTML
also supports multimedia and document links consists of special courts which is embedded in text
ads formatting.

 CSS: CSS stands for cascading style sheets CSS describes how HTML elements are to be
displayed on screen, paper, or in other media. CSS se use a lot of work. It can control the layout of
multiple web pages or advance of external style sheets are stored in CSS files. CSS is a web-based
markup language used to describe the aesthetic look and formatting of a website to the browser. It
defines the look and feel of the website.Front-end web development, also known as client-side
development is the practice of producing HTML, CSS and JavaScript for a website or Web
Application so that a user can see and interact with them directly.

 JavaScript: It is a programming language, commonly use with web browsers.

JavaScript is a dynamic programming language that's used for web development, in web
applications, for game development, and lots more. It allows you to implement dynamic features
on web pages that cannot be done with only HTML and CSS.Many browsers use JavaScript as a
scripting language for doing dynamic things on the web. Any time you see a click-to-show
dropdown menu, extra content added to a page, and dynamically changing element colors on a
page, to name a few features, you're seeing the effects of JavaScript.

Yuvakshetra College P a g e | 16
 Together We Go

 Bootstrap: Bootstrap is a powerful front-end framework for faster and easier web development.
It includes HTML and CSS based design templates for common user interface components like
typography, forms, buttons, tables, navigations, dropdowns, alerts, models, tabs, accordion,
carousel and many others as well as optional JavaScript extensions.

 React: is an open source JavaScript framework that is used to build web applications. It can be
freely used, changed and shared by anyone. React Js is developed by Face book. It is an
excellent framework for building single phase applications and line of business applications.

2.3.2 BACK END SOFTWARE

 MySQL
 PHP

 MySQL: MySQL is an Oracle-backed open source relational database management system

(RDBMS) based on Structured Query Language (SQL). MySQL runs on virtually all platforms,
including Linux, UNIX and Windows. Although it can be used in a wide range of applications,
MySQL is most often associated with web applications and online publishing. MySQL is an
important component of an open source enterprise stack called LAMP. LAMP is a web
development platform that uses Linux as the operating system, Apache as the web server, MySQL
as the relational database management system and PHP as the object-oriented scripting language.

Originally conceived by the Swedish company MySQL AB, MySQL was acquired by Sun
Microsystems in 2008 and then by Oracle when it bought Sun in 2010. Developers can use
MySQL under the GNU General Public License (GPL), but enterprises must obtain a commercial
license from Oracle. Today, MySQL is the RDBMS behind many of the top websites in the world
and countless corporate and consumer-facing web-based applications, including Facebook,
Twitter and YouTube.

Yuvakshetra College P a g e | 17
 Together We Go

 PHP: PHP is a programming language is used mostly for building interactive websites. It is
an open source server-side scripting language. Instead of a PHP program running on a desktop
computer for the use of one person, which typically runs on a web server and is accessed lots of
people using web browsers on their own computers. Server-side scripting languages makes it
possible to create advanced websites. This page contains descriptions of the most common scripting
languages available in web hosting accounts. For making advance dynamic websites, we need some
kinds of server-side scripting. Server-side scripts are programs that are executed on this server, and
can be used in many ways.

Yuvakshetra College P a g e | 18
 Together We Go

SYSTEM DEVELOPMENT AND

ANALYSIS

Yuvakshetra College P a g e | 19
 Together We Go

3. SYSTEM DEVELOPMENT AND ANALYSIS

3.1 OBJECTIVE OF TOGETHER WE GO

The TOGETHER WE GO system helps to reduce the travel expense and pollution. User
can connect with others who live in their home town looking to travel to the same place or find
buddies .user can also discover and book activities all in one place. This platform provides many
features to the fellow travellers. By linking to this platform, opens an opportunity for the
workshop, taxi, restaurants. Pollution and travel expense increases when different individuals
travel to same place in different vehicles

3.2 EXISTING SYSTEM

The existing system only contain separate application for separate uses like booking
cabs, booking food, etc.in this system user need to install separate application for separate use.
There is no single application for everything. It is difficult for the users to install different
applications. The security of using these applications is less. Currently there is no application
that connect fuel station, workshop, restaurant.

3.2.1 LIMITATIONS OF THE EXISTING SYSTEM

 Existing system is time consuming

 It is difficult for the users to install different applications
 Less security
 No emergency situation handling
 High cost

3.3 PROPOSED SYSTEM

This system opens a wide opportunity for the travellers, helps to reduce the travel expense
and pollution. where you can meet local travellers from your desired destination, chat with them
to learn about places and plan unique trips. To find your buddy, you only need to enter your
destination, choose a preferred gender for your travel buddy and finally add your travel dates and
post in the application.
user can also discover and book activities all in one place. This platform provides many features
to the fellow travellers. By linking to this platform, opens an opportunity for the workshop, taxi,

Yuvakshetra College P a g e | 20
 Together We Go

restaurants. Pollution and travel expense increases when different individuals travel to same place
in different vehicles

3.3.1 ADVANTAGES OF THE PROPOSED SYSTEM

 More customer friendly

 Easy to generate reports
 Less time consuming
 More secure
 It helps opens an opportunity for the workshop, taxi, restaurants.
 More economic
 Provide feedback
 Reliable
 Passengers can get updates on cab location and their approximate arrival time

Yuvakshetra College P a g e | 21
 Together We Go

SYSTEM DESIGN

Yuvakshetra College P a g e | 22
 Together We Go

4. SYSTEM DESIGN

4.1 INTRODUCTION
Design concept provides the basic criteria for design quality. Design is the meaningful
representation for something to build. Design focus on the three major areas of concern: Data,
architecture, interface beginning once the software requirements has been analysed and specified,
software design in the first of three activities - design code generation and test. Each activities
transforms information in a manner that ultimately results in validated computer software. Design
is the first step in moving from the problem domain towards the solution domain. The detailed
design phase. This can be achieved by:

 Input design
 Output design
 Database design

4.2 INPUT DESIGN

Input design is the process of converting user oriented input into computer based format. The
goal of the design input is to make data entry as easy and free from error. In our system, we use
php platform to design the forms’ he input in the system is given through forms. Any surface on
which information is to be entered, user interacts with the system through forms. When the data
which is inputted to the system through the system. So the designer should ensure that the form
is simple, accessible and easily understandable by the user. The people who communicate with
the system through user interface frequently are known as end user; the design of the input screen
must be according to the specification and needs of the end users.

Yuvakshetra College P a g e | 23
 Together We Go

The specification given by the end users for TOGETHER WE GO is:

• Interaction window should be user friendly

• Easy to operate

• Provide with proper validations

The form design should be clear and enough information should be provided to guide the user to
enter correct data. The design decision for handling of inputs specifies how data are accepted for
computer processing. The design of input also includes specifying means by which system
administrator direct the system in which the action to take. The main goal of the input design to
make the data entry easier, accurate and error free. Security is provided in necessary area. Input
design is designed in a simple manner without any complex name, figure, confusing fields etc.
proper validation for necessary fields is also provided. In the input system, data is accepted and it
can be readily used for data processing and also can be stored in a database for future use. The user
provided data is been processed into the computer recognizable format from this input design. The
name of the input design is as follows

• Provide data to the system

• User friendly
• Avoid errors in the data
• Making the process simple

4.3 OUTPUT DESIGN

The design of output is the most important task of any system. During output design, developers
identify the type of outputs needed, and consider the necessary output controls and prototype report
layouts.

Yuvakshetra College P a g e | 24
 Together We Go

Objectives of Output Design

The objectives of output design are −

• To develop output design that serves the intended purpose and eliminates the production of
unwanted output.
• To develop the output design that meets the end users requirements.
• To deliver the appropriate quantity of output.
• To form the output in appropriate format and direct it to the right person.
• To make the output available on time for making good decisions

4.4 DATABASE DESIGN

The data in the system is been stored and retrieved from database deciding the database is a
part of system decide whether it is a collection of interrelated data stored with minimum
redundancy save quickly and efficiently the main aim is to make database access Quick and
easy. Database design of the system deals about the relevant data that come into play in the
system is identified. According to the relationship of data tables are designed by allowing the
standard database design method. Data type of each data is defined for the optimum design of
the database to have better response time to maintain data integrity to avoid redundancy to
serve many uses to quick and efficiently. The general objective is to make information access
easy, quick, inexpensive and flexible for the user. Database design is the most critical path of
design phase. An elegant designed, well defined database is a strong foundation for the whole
system files in a relational database are called table’s column of table represent data and rows
represent the records in conventional technology.

4.5 MODULE DESCRIPTION

The system comprises of 5 major modules with their sub-modules as follows:

1. ADMIN
Admin need to login with valid login credentials. They can view all the registered user details
and their reports. Admin can search for registered workshops, restaurant, taxi and view their
reports. They can also view fuel stations and their reports. Admin can view all the feedback
given by the users and rating from workshops, fuel stations, restaurant and taxi.

Yuvakshetra College P a g e | 25
 Together We Go

2. USER
In this section, user can register if they are a new user else they can login with their credentials
and verify by phone number and aadhar card also accept all terms and conditions. If user forgot
the password, they can reset it through the forgot password option. User can set the profile and
edit it at any time. User can able to comment the post and users can visible the post. User can
edit, update, delete and accept the post. Other user can sort out and send request to join. They
can search fuel stations and order the required fuel. User can search restaurant and available
dishes to order through restaurant option. Workshop section will help the user to find the
nearest workshops according to their requirements. Taxi section will help to find the nearest
taxi stands and book according to their requirements. They can view the invoice

3. WORKSHOP
Workshops need to register if they are new else they can login with their credentials. workshops
can register their services of particular vehicles including their amount also by giving the
vehicle type, type of service and location they can find the services. workshops can give their
own feedbacks.

4. FUEL STATION
Fuel stations need to register if they are new else they can login with their credentials. Fuel
station can register by submitting the details and also they can search, edit and remove. The
request and reports will be shown in the section and report section respectively. Fuel stations
can give their own feedbacks. They can view the invoice.

5. RESTAURANT
Restaurant need to register if they are new else they can login with their credentials. If the
password is forgotten, they can reset it by the forgot password and they can edit their profiles.
Restaurant can register their dishes available by submitting the details and also they can search,
edit, remove and update the registered dishes. The orders and reports will be shown in the
orders section and report section respectively. Restaurant can give their own feedbacks.

Yuvakshetra College P a g e | 26
 Together We Go

5. SYSTEM IMPLEMENTATION AND TESTING

Implementation is a stage of theoretical design is turned into working the system. The
implementation phase is used to test the development package with sample data, correcting the
error identified, appearing the user of the various special facilities and features of the
computerized system. It also involves the user training for minimize resistance to change and
giving the new system a change to prove is worth: The successful implementation of the new
system depends upon the involvement of the user.

5.1 SYSTEM IMPLEMENTATION

Implementation phase is the phase, which involves the process of converting a new system
design into one operational one. It is the key stage in achieving a successful new system.
Implementation is the stage of the project, where the theoretical design is turned into a working
system. At this stage the main workload, the greatest upheaval and the major impact on existing
practices shift to user department. If the implementation stage is not planned and controlled
carefully it can cause chaos. Thus, it can be considered to be the more crucial stage in achieving
a successful new stage and in giving the user confidence that the system will work and will be
effective.

5.1.1 IMPLEMENATATION PROCEDURE

The implementation phase is less creative than system design. A system project may be dropped
at any time prior to implementation although it becomes more difficult when it goes to the
system phase. The final report to the implementation phase includes procedural, records
layouts, reports layouts and a workable plan for implementing the candidate system.
Implementation is used to the process of converting a new or revised system design into an
operational one. Conversion is one aspect of implementation is unique to implementation
phase.

Yuvakshetra College P a g e | 27
 Together We Go

5.2 SYSTEM TESTING

Software testing is an investigation conducted to provide stakeholders with information

about the quality of the product or service under test Software testing also

provides an objective, independent view of the software to allow the business to. Appreciate
and understand the risks at implementation of the software.

Test techniques include, but are not limited to the process of executing a program or
application with the intent of finding software bug

5.2.3 TYPES OF TESTING

There are different types of testing techniques used in software engineering Out of
these Coliseum uses Unit testing, Integration testing, Validation testing. Output testing and
System testing

• White-Box testing

White-box testing is a test case design method that uses the control structure of the
procedural design to derive test cases. White-box testing of software is predicted on close
examination of procedural detail.

• Black-Box testing

The black-box testing focuses on the functional requirements of the software. It helps to
find out errors in incorrect or missing functions, interface errors, errors in data structures,
performance errors and initialization and termination errors. The black-box testing is applied
during the later stages for the functional requirement evaluation.

• Validation Testing

Validation testing can be defined in many ways, but a simple definition is that validation
succeeds when the software functions in manner that is reasonably expected by the customer.
Software validation is achieved through a series of black box tests that demonstrate

Yuvakshetra College P a g e | 28
 Together We Go

conformity with requirement. After validation test has been conducted, one of two
conditions exists.

•The function or performance characteristics confirm to specifications and are accepted

•A validation from specification is uncovered and a deficiency created, Deviation or errors

discovered at this step in this project is corrected prior to completion of the project with the
help of the user by negotiating to establish method for resolving deficiencies. Thus the
proposed system under consideration has been tested by using

• Output Testing

After performing the validation testing, the next step is output testing of the proposed
system, since no system could be useful if it does not produce the required output in the specific
format. The output generator or displayed by the system under consideration is tested by asking
the users about the format required by them. Here the output is considered in two ways: One is
on screen and the other is printed format. The output format on the screen is found to be correct
as the format was designed in the system design phase according to the user needs. As far
hardcopies are considered it goes in terms with the user requirement. Hence output testing does
not result any correction in the system.

Yuvakshetra College P a g e | 29
 Together We Go

6. CONCLUSION

It has been a great pleasure for us to work on this exciting and challenging project. This
project proved good for us as it provided practical knowledge of programming in PHP and
MYSQL server. It also provided knowledge about the latest technology used in web enabled
application and client server technology that will be great demanding.

This TOGETHER WE GO enables the end users to register online, read and manage
the essential trip works and to arrange the data in a proper manner. The existing system is
very time consuming and not reliable. Together Travel ensures the reliability and accessibility
of the data.

Existing system is of this if there is any urgent need of data, storing data’s in file
system would be difficult.

Yuvakshetra College P a g e | 30
 Together We Go

7. BIBLIOGRAPHY

Following websites are referenced to create this project reports:

Books
 Software Engineering - Ian Somerville
 Elmasri and Navathe, Fundamentals of Database Systems, Addison Wesley.

Websites
 www.w3schools.com
 www.youtube.com
 www.stackoverflow.com
 www.tutorialspoint.com

Yuvakshetra College P a g e | 31
 Together We Go

8. APPENDIX

8.1 ER DIAGRAM

ENTITY-RELATIONSHIP DIAGRAM (ERD) displays the relationships of entity set stored

in a database. In other words, we can say that ER diagrams help you to explain the logical
structure of databases. At first look, an ER diagram looks very similar to the flowchart.
However, ER Diagram includes many specialized symbols, and its meanings make this
model unique. The purpose of ER Diagram is to represent the entity framework
infrastructure.

Yuvakshetra College P a g e | 32
 Together We Go

(Fig: 8.1 ER Diagram)

Yuvakshetra College P a g e | 33
 Together We Go

8.2 DATA FLOW DIAGRAM

DATA FLOW DIAGRAM

Data flow diagrams are used to graphically represent the flow of data in a business
information system. DFD describes the processes that are involved in a system to transfer
data from the input to the file storage and reports generation. Data flow diagrams can be
divided into logical and physical. The logical data flow diagram describes flow of data
through a system to perform certain functionality of a business. The physical data flow
diagram describes the implementation of the logical data flow.

Level 0

Level 1

Yuvakshetra College P a g e | 34
 Together We Go

Level 1

Level 1

Level 1

Yuvakshetra College P a g e | 35
 Together We Go

Level 1

Level 1

Level 1.1

Yuvakshetra College P a g e | 36
 Together We Go

Level 1.2

Level 1.3

Level 1.4

Yuvakshetra College P a g e | 37
 Together We Go

8.3 SAMPLE SCREENSHOTS

(Fig: 8.3.1 Home)

(Fig: 8.3.2 Reg form)

Yuvakshetra College P a g e | 38
 Together We Go

(Fig: 8.3.3 Login)

(Fig: 8.3.4 fuel station)

Yuvakshetra College P a g e | 39
 Together We Go

(Fig: 8.3.5 Restaurant)

(Fig: 8.3.6 Workshop)

Yuvakshetra College P a g e | 40
 Together We Go

(Fig: 8.3.6 Admin )

(Fig: 8.3.6 Product)

Yuvakshetra College P a g e | 41
 Together We Go

8.4 TABLE STRUCTURE

TABLE NAME: ADMIN

Field Data Type Constraints Description

Admin_id Int(11) Primary key Admin id

Username Varchar(50) Not Null Username

Password Varchar(50) Not Null Password

TABLE NAME: WORK SHOP

Field Data Type Constraint Description

Work id Int(11) Primary Key Work id
Name Varchar(50) Not Null Name Of Work
Shop
Location text Unique Location Status
Srvce Text Not Null Service
Date Date Not Null Service Date
Wntno Varchar(15) Primary Key Work Shop Phone
Number
Rt Int(11) Not Null Rating

Username Varchar(20) Unique Username

Password Varchar(20) Primary Key Password

Yuvakshetra College P a g e | 42
 Together We Go

TABLE NAME: USER

Field Data Type Constraint Description

Uid Int Primary key User Id
Name Varchar(100) Not Null Name Of User
Mobile Number Varchar(15) Unique Mobile Number Of
User
Email_id Varchar(30) Unique Email Id Of User
Address varcahr(100) Not Null Addres Of User
Age Int Not Null Age Of User
Username Varchar(20) Unique Username Of User
Password Varchar(20) Not null Password Of User

TABLE NAME: RESTAURENT

Field Data Type Constraint Description
Rst_id Int (11) Primary Key Restaurant Name
Name Varchar(50) Not Null Product Name
Location Text Not null Location
Qty Double Not Null Quantity
Price Double Not Null Price of Product
Date Date Not null Order date

TABLE NAME: FUEL STATION

Field Data Type Constraint Description
Fuel id Int(11) Primary Key Fuel Name
Fname Varchar(100) Unique Fuel Station Name
Cntno Varchar(15) Unique Contact NO
Date Date Not Null Payment Date
Location Text Not null Location Status

Yuvakshetra College P a g e | 43
 Together We Go

8.5 SOURCE CODE

<!DOCTYPE HTML>
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1">
<meta name="keywords" content="">
<meta name="description" content="">
<title>Together We Go</title>
<!-- Start Switcher -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="assets/css/style.css" type="text/css">
<link rel="stylesheet" href="assets/css/owl.carousel.css" type="text/css">
<link rel="stylesheet" href="assets/css/owl.transitions.css" type="text/css">
<link href="assets/css/slick.css" rel="stylesheet">
<link href="assets/css/bootstrap-slider.min.css" rel="stylesheet">
<link href="assets/css/font-awesome.min.css" rel="stylesheet">
<link rel="stylesheet" id="switcher-css" type="text/css"
href="assets/switcher/css/switcher.css" media="all" />
<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/red.css"
title="red" media="all" data-default-color="true" />
<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/orange.css"
title="orange" media="all" />
<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/blue.css"
title="blue" media="all" />
<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/pink.css"
title="pink" media="all" />
<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/green.css"
title="green" media="all" />
<link rel="alternate stylesheet" type="text/css" href="assets/switcher/css/purple.css"
title="purple" media="all" />

Yuvakshetra College P a g e | 44
 Together We Go

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/favicon-

icon/apple-touch-icon-144-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="assets/images/favicon-
icon/apple-touch-icon-114-precomposed.html">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="assets/images/favicon-
icon/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="assets/images/favicon-icon/apple-touch-
icon-57-precomposed.png">
<link rel="shortcut icon" href="assets/images/favicon-icon/favicon.png"><!-- /Switcher -->
</head>
<body>

<!-- Start Switcher -->

<div class="switcher-wrapper">
<div class="demo_changer">
<div class="demo-icon customBgColor"><i class="fa fa-cog fa-spin fa-
2x"></i></div>
<div class="form_holder">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="predefined_styles">
<div class="skin-theme-switcher">
<h4>Color</h4>
<a href="#" data-switchcolor="red" class="styleswitch"
style="background-color:#de302f;"> </a>
<a href="#" data-switchcolor="orange" class="styleswitch"
style="background-color:#f76d2b;"> </a>
<a href="#" data-switchcolor="blue" class="styleswitch"
style="background-color:#228dcb;"> </a>
<a href="#" data-switchcolor="pink" class="styleswitch"
style="background-color:#FF2761;"> </a>
<a href="#" data-switchcolor="green" class="styleswitch"
style="background-color:#2dcc70;"> </a>

Yuvakshetra College P a g e | 45
 Together We Go

<a href="#" data-switchcolor="purple" class="styleswitch"

style="background-color:#6054c2;"> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div> <!-- /Switcher -->

<!--Header-->
<header>
<div class="default-header" style="background-color:rgba(0,0,0,0.7);">
<!-- Navigation -->
<nav id="navigation_bar" class="navbar navbar-default">
<div class="container">
<div class="header_wrap">
<div class="header_search">
<div id="search_toggle"><i class="fa fa-search" aria-hidden="true"></i></div>
<form action="#" method="get" id="header-search-form">
<input type="text" placeholder="Search..." class="form-control">
<button type="submit"><i class="fa fa-search" aria-hidden="true"></i></button>
</form>
</div>
</div>
<div class="collapse navbar-collapse" id="navigation">
<ul class="nav navbar-nav">
<li><a href="index.php">Home</a></li>
<li><a href="about.php">About Us</a></li>
<li><a href="vehicle-listing.php">Vehicle Listing</a>
<li><a href="vehicle_review.php">Review</a></li>
<li><a href="contact-us.php">Contact Us</a></li>
<a href="#loginform" class="btn btn-xs uppercase" data-toggle="modal" data-
dismiss="modal" style="margin-left:15px; margin-top:16px;">Login / Register</a>

Yuvakshetra College P a g e | 46
 Together We Go

</ul>
</div>
</div>
</nav>
<!-- Navigation end -->
</header>
<!-- /Header -->

<!-- Banners -->

<section id="banner" class="banner-section">
<div class="container">
<div class="div_zindex">
<div class="row">
<div class="col-md-5 col-md-push-7">
<div class="banner_content">
<h1>Find Way.</h1>
<p>We have more vehicle and serve. </p>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="section-padding gray-bg">

<div class="container">
<div class="section-header text-center">
<h2>Find the Best <span>Vehicle For You</span></h2>
<p>It is above all the uncompromising, performance-oriented aesthetic that
unmistakeably reveals its ambitions</p>
</div>
<div class="row">
<!-- Nav tabs -->
<div class="recent-tab">

Yuvakshetra College P a g e | 47
 Together We Go

<ul class="nav nav-tabs" role="tablist">

<li role="presentation" class="active"><a href="#resentnewcar" role="tab" data-
toggle="tab">New Vehicle</a></li>
</ul>
</div>
<!-- Recently Listed New Cars -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane active" id="resentnewcar">
<div class="col-list-3">
<div class="recent-car-list">
<div class="car-info-box">
<a href="vehical-details.php">
<img src="assets/images/trending-car-img-2.jpg" class="img-responsive"
alt="image">
</a>
<ul>
<li><i class="fa fa-car" aria-hidden="true"></i>Fuel Type</li>
<li><i class="fa fa-calendar" aria-hidden="true"></i>2021 Model</li>
<li><i class="fa fa-user" aria-hidden="true"></i>25 seats</li>
</ul>
</div>
<div class="car-title-m">
<h6><a href="vehical-
details.php">More</a></h6>
<span class="price">$Rate /Day</span>
</div>
<div class="inventory_info_m">
<p>Welcome</p>
</div>
</div>
</div>
</div>
</div>
</div>

Yuvakshetra College P a g e | 48
 Together We Go

</div>
</section>
<!-- /Resent Cat -->

<!-- Fun Facts-->

<section class="fun-facts-section">
<div class="container div_zindex">
<div class="row">
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m">
<div class="cell">
<h2><i class="fa fa-calendar" aria-hidden="true"></i>40+</h2>
<p>Years In Progress</p>
</div>
</div>
</div>
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m">
<div class="cell">
<h2><i class="fa fa-car" aria-hidden="true"></i>1200+</h2>
<p>Happy Vehicles</p>
</div>
</div>
</div>
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m">
<div class="cell">
<h2><i class="fa fa-car" aria-hidden="true"></i>1000+</h2>
<p>Listing Vehicles</p>
</div>
</div>
</div>
<div class="col-lg-3 col-xs-6 col-sm-3">
<div class="fun-facts-m">

Yuvakshetra College P a g e | 49
 Together We Go

<div class="cell">
<h2><i class="fa fa-user-circle-o" aria-hidden="true"></i>600+</h2>
<p>Satisfied Customers</p>
</div>
</div>
</div>
</div>
</div>
<!-- Dark Overlay-->
<div class="dark-overlay"></div>
</section>
<!-- /Fun Facts-->

<!--Testimonial -->
<section class="section-padding testimonial-section parallex-bg">
<div class="container div_zindex">
<div class="section-header white-text text-center">
<h2>Our Satisfied <span>Customers</span></h2>
</div>
<div class="row">
<div id="testimonial-slider">
<div class="testimonial-m">
<div class="testimonial-img"> <img src="assets/images/cat-profile.png" alt="" />
</div>
<div class="testimonial-content">
<div class="testimonial-heading">
<h5>Abc</h5>
<p>Welcome</p>
</div>
</div>
</div>
</div>
</div>
</div>

Yuvakshetra College P a g e | 50
 Together We Go

<!-- Dark Overlay-->

<div class="dark-overlay"></div>
</div>
</section>
<!-- /Testimonial-->
<!--Footer -->
<footer>
<div class="footer-bottom" style="color:white;">
<div class="container">
<div class="row">
<div class="col-md-6 col-md-pull-6">
<p class="copy-right" style="color:white;">Copyright &copy; 2020 Together We
Go.</p>
</div>
</div>
</div>
</div>
</footer>
<!-- /Footer-->
<!--Back to top-->
<div id="back-top" class="back-top"> <a href="#top"><i class="fa fa-angle-up" aria-
hidden="true"></i> </a> </div>
<!--/Back to top-->
<!--Login-Form -->
<div class="modal fade" id="loginform">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
<h3 class="modal-title">Login</h3>
</div>
<div class="modal-body">
<div class="row">

Yuvakshetra College P a g e | 51
 Together We Go

<div class="login_wrap">
<div class="col-md-12 col-sm-6">
<form method="post">
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Email
address*">
</div>
<div class="form-group">
<input type="password" class="form-control" name="password"
placeholder="Password*">
</div>
<div class="form-group checkbox">
<input type="checkbox" id="remember">

</div>
<div class="form-group">
<input type="submit" name="login" value="Login" class="btn btn-block">
</div>
</form>
</div>

</div>
</div>
</div>
<div class="modal-footer text-center">
<p>Don't have an account? <a href="#signupform" data-toggle="modal" data-
dismiss="modal">Signup Here</a></p>
<p><a href="#forgotpassword" data-toggle="modal" data-dismiss="modal">Forgot
Password ?</a></p>
</div>
</div>
</div>
</div><!--/Login-Form -->
<!--Register-Form -->

Yuvakshetra College P a g e | 52
 Together We Go

<div class="modal fade" id="signupform">

<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
aria-hidden="true">&times;</span></button>
<h3 class="modal-title">Sign Up</h3>
</div>
<div class="modal-body">
<div class="row">
<div class="signup_wrap">
<div class="col-md-12 col-sm-6">
<form method="post" name="signup" onSubmit="return valid();">
<div class="form-group">
<input type="text" class="form-control" name="fullname" placeholder="Full
Name" required="required">
</div>
<div class="form-group">
<input type="text" class="form-control" name="mobileno"
placeholder="Mobile Number" maxlength="10" required="required">
</div>
<div class="form-group">
<input type="email" class="form-control" name="emailid" id="emailid"
onBlur="checkAvailability()" placeholder="Email Address" required="required">
<span id="user-availability-status" style="font-size:12px;"></span>
</div>
<div class="form-group">
<input type="password" class="form-control" name="password"
placeholder="Password" required="required">
</div>
<div class="form-group">
<input type="password" class="form-control" name="confirmpassword"
placeholder="Confirm Password" required="required">
</div>

Yuvakshetra College P a g e | 53
 Together We Go

<div class="form-group checkbox">

<input type="checkbox" id="terms_agree" required="required" checked="">
<label for="terms_agree">I Agree with <a href="#">Terms and
Conditions</a></label>
</div>
<div class="form-group">
<input type="submit" value="Sign Up" name="signup" id="submit" class="btn
btn-block">
</div>
</form>
</div>

</div>
</div>
</div>
<div class="modal-footer text-center">
<p>Already got an account? <a href="#loginform" data-toggle="modal" data-
dismiss="modal">Login Here</a></p>
</div>
</div>
</div>
</div><!--/Register-Form -->
<!--Forgot-password-Form -->
<div class="modal fade" id="forgotpassword">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">

<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span

aria-hidden="true">&times;</span></button>
<h3 class="modal-title">Password Recovery</h3>
</div>
<div class="modal-body">
<div class="row">

Yuvakshetra College P a g e | 54
 Together We Go

<div class="forgotpassword_wrap">
<div class="col-md-12">
<form name="chngpwd" method="post" onSubmit="return valid();">
<div class="form-group">
<input type="email" name="email" class="form-control" placeholder="Your
Email address*" required="">
</div>
<div class="form-group">
<input type="text" name="mobile" class="form-control" placeholder="Your
Reg. Mobile*" required="">
</div>
<div class="form-group">
<input type="password" name="newpassword" class="form-control"
placeholder="New Password*" required="">
</div>
<div class="form-group">
<input type="password" name="confirmpassword" class="form-control"
placeholder="Confirm Password*" required="">
</div>
<div class="form-group">
<input type="submit" value="Reset My Password" name="update" class="btn
btn-block">
</div>
</form>
<div class="text-center">
<p class="gray_text">For security reasons we don't store your password. Your
password will be reset and a new one will be send.</p>
<p><a href="#loginform" data-toggle="modal" data-dismiss="modal"><i
class="fa fa-angle-double-left" aria-hidden="true"></i> Back to Login</a></p>
</div>
</div>
</div>
</div>
</div>

Yuvakshetra College P a g e | 55
 Together We Go

</div>
</div>
</div><!--/Forgot-password-Form -->
<!-- Scripts -->

<!-- Scripts -->

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/interface.js"></script>
<!--Switcher-->
<script src="assets/switcher/js/switcher.js"></script>
<!--bootstrap-slider-JS-->
<script src="assets/js/bootstrap-slider.min.js"></script>
<!--Slider-JS-->
<script src="assets/js/slick.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script></body>
</html>

Yuvakshetra College P a g e | 56