Professional Documents
Culture Documents
A PROJECT REPORT
Submitted by
Of
BACHELOR OF ENGINEEERING
In
CERTIFICATE
This is to certify that the project report submitted along with the project entitled
Spotify Web Player clone has been carried out by Shinde Samarth Sanjay under
my guidance in partial fulfillment for the degree of Bachelor of Engineering in
Computer science & engineering, 8th Semester of Gujarat Technological
University, Ahmadabad during the academic year 2022-23.
______________________ ______________________
Dr.K.C.Suthar Prof.H.B.Jethva
Internal Guide Head of the Department
[Industry Letter Head]
Date:
His internship activities include learning various skills like HTML, CSS, React JS,
Node JS etc. and along with House of Travel project implementation.
During the period of his internship program with us, he had been exposed to
different processes and was found diligent, hardworking and inquisitive.
DECLARATION
We hereby declare that the Internship report submitted along with the Internship
entitled House Of Travel (Advanced Intelligent Tourist Guide) submitted in
partial fulfilment for the degree of Bachelor of Engineering in Computer Science
and Engineering to Gujarat Technological University, Ahmedabad, is a bonafide
record of original project work carried out by me / us at Volansys Technologies
under the supervision of Saurabh Pathak and that no part of this report has been
directly copied from any students’ reports or taken from any other source, without
providing due reference.
ACKNOWLEDGEMENT
I wish to express our sincere gratitude to our external guide Sir Saurabh Pathak for
continuously guiding me at the company and answering all my doubts with patience. I would
also like to thank you my Internal guide Prof. Jay Patel for helping us through our internship
by giving us the necessary suggestions and advices along with their valuable co-ordination in
completing this internship.
I would also like to thank my parents, friends and all the members of the family for
their precious support and encouragement which they had provided in completion of my
work. In addition to that, I would also like to mention the company personals who gave me
the permission to use and experience the valuable resources required to the internship. Thus,
in conclusion to the above said, I once again thank the staff members of Volansys
Technologies Pvt. Ltd. for their valuable support in completion of the project.
Thank you,
Jeet Patel
196518 Abstract
ABSTRACT
House of Travel provides location based real-time availability of tour packages and
various travel destinations including sightseeing some of the exclusions and inclusion about
places. This web-based application helps in maintaining the database. It has a friendly
environment that connects customers willingly. Thus, it simplifies the process by saving our
time and efforts.
List of Figures
Fig 3.1 Gantt Chart……………………….…………………………………………………....7
Fig 5.2.1 Admin Activity Diagram…………………………………..…………...………….17
Fig 5.2.2 Web User Activity Diagram………………………………………………….……18
Fig 5.2.3 Login Activity Diagram………..…………………………………………………..19
Fig 5.2.4 Sign up Activity Diagram……………………….……………………….………...20
Fig 5.3.1 Use Case Diagram…….……………………………………………....……….…...21
Fig 5.4.1 DFD Level 0………………………………………….……………………………22
Fig 5.4.2 DFD level 1-Admin…………….....……………………………………………….22
Fig 5.4.3 DFD level 1-Web …………………………..……………………………………...23
Fig 5.4.4 DFD level 2-Admin ………………………..……………………………………...23
Fig 5.4.5 DFD level 2-Admin ………………………..……………………………………...24
Fig 5.5.1 Admin Sequence Diagram…………………………………….………………..….25
Fig 5.5.2 Web User Sequence Diagram………………………….…………………………..26
Fig 6.1.1 Landing Page(a) …………………………………………………..………...……..27
Fig 6.1.1 Landing Page(b) ……………………………………………………………….…..27
Fig 6.1.1 Landing Page(c) ……………………………………………………………….…...28
Fig 6.1.1 Landing Page(d) ………………………………………………………………..…..28
Fig 6.1.2 List Places (a) …………………………………………….………………………...29
Fig 6.1.2 List Places (b) ……………………………………………………………………....29
Fig 6.1.3 Log in…………………………………………………………………………….....30
Fig 6.1.4 Sign up……………………………………………………………………….……..30
Fig 6.1.5 Place details page ……………………………………………...…………………...31
Fig 6.1.6 Things to do at place………………………………………………...……………....31
Fig 6.1.7 FAQ about places………………………………………………………...………....32
Fig 6.1.8 Google map showing place location…………………………………...……….…...32
Fig 6.1.9 Things to do detail page(a) ………………………………………………………....33
Fig 6.1.9 Things to do detail page(b) …………………………………………………………33
Fig 6.1.10 List packages page ……………………………..…………………………………33
Fig 6.1.11 Package detail page(a) …………………………………………………………….34
Fig 6.1.12 Package detail page(b) ……………………………………………………...…….35
List of Tables
5.1 Database Table
5.1.1 User Table……………………………………………………………………...11
Table of
Contents
Acknowled
gement ......
..................
..................
..................
..................
..................
..................
.... i
Abstract………………
………………………
………………………
…………………….
….ii
List of
Figures......
..................
..................
..................
..................
..................
..................
.......... iii
List of
Tables........
..................
..................
..................
..................
..................
..................
......... iv
Table of
Contents....
..................
..................
..................
..................
..................
..................
........ v
Chapter 1:
Overview
of
Organizati
on .............
..................
..................
..................
................. 1
1.1 1
History......
..................
..................
..................
..................
..................
..................
................
1.2
Different
products.....
..................
..................
..................
..................
..................
.................. 1
1.3 Work
being out
in each
department
..................
..................
..................
..................
............... 1
1.4 Each
stage of
production.
..................
..................
..................
..................
..................
............ 2
Chapter 2:
Introducti
on to
internship
&
project......
..................
..................
..................
....... 3
2.1 Project
Summary...
..................
..................
..................
..................
..................
..................
.... 3
2.2 Purpose
.................. 3
..................
..................
..................
..................
..................
..................
...
2.3
Objective
of
internship..
..................
..................
..................
..................
..................
.............. 3
2.4 Brief
Literature
Review .....
..................
..................
..................
..................
..................
......... 4
2.5
Technologi
es
used...........
..................
..................
..................
..................
..................
............ 4
Chapter 3: Project & internship planning……………………………………………...…...5
3.1
planning ...................................
..................................................
.......................................... 5
3.2 work plan during
internship..................................
..................................................
.............. 5
..................
3.3 project ..................
development approach ..................
and justification .............6
3.4 roles and
responsibility............................
..................................................
........................... 6
3.5 Gantt
chart..........................................
..................................................
................................. 7
CHAPTER 4: System
Analysis…………………………
……………………………………
8
4.1 current
system.......................................
..................................................
.............................. 8
4.2 working and shortcomings
of current
system.......................................
................................ 8
4.3 requirements of new
system.......................................
..................................................
........ 8
4.4 system
feasibility.................................
..................................................
.............................. 9
4.5 proposed system &
features.....................................
..................................................
.......... 9
4.6 list of
modules....................................
..................................................
................................ 9
4.6.1 web user
pages...........................
....................................
....................................
... 9
4.6.2 admin
pages...........................
....................................
....................................
... 10
Gujarat
Technologi
cal
University vi GEC Patan
Table of
196518 Content
CHAPTER 5: System
Design………………
………………………
….……………………
11
5.1 data
dictionary..
..................
..................
..................
..................
..................
..................
....... 11
5.2 system
activity
diagram.....
..................
..................
..................
..................
..................
....... 16
5.3 use
case
diagram.....
..................
..................
..................
..................
..................
.................. 20
5.4 data
flow
diagram.....
..................
..................
..................
..................
..................
................. 22
5.5
sequence
diagram.....
..................
..................
..................
..................
..................
................. 24
CHAPTER 6:
Implementation……
………………………
…...…...
……………………....
27
6.1 web
user
screen........
..................
..................
..................
..................
..................
................. 27
6.2 admin
screen........
..................
..................
..................
..................
..................
..................
... 40
CHAPTER 7:
Testing………………
………………………
………………………
…….…46
7.1 testing
plan/strateg
y................
..................
..................
..................
..................
..................
.. 47
7.2 test
results and
analysis......
..................
..................
..................
..................
..................
....... 48
7.2.1 test cases……………………………………………………………………….. 48
CHAPTER 8: Conclusion And Discussion…………..…………………………………….48
8.1 overall
analysis of
internship..
..................
..................
..................
..................
..................
.. 48
8.2 dates of 48
continuous
evaluation
(CE-1 and
CE-
2) ..............
..................
..................
............
8.3
problem
encountere
d and
possible
solutions....
..................
..................
..................
............ 48
8.4
summary
of
internship..
..................
..................
..................
..................
..................
............ 48
8.5
limitation
and future
enhanceme
nt...............
..................
..................
..................
................ 48
References…………………………………………….….………………………………….50
Gujarat Technological University vii GEC Patan
196518 Overview of Organization
HomeBridge: Home Automation IoT Gateway Solution for OEMs. Manages 40+ Edge
®
Devices Connected with Zigbee or BLE 5.0 to Wi-Fi or Ethernet
o
f
O
r
g
a
n
i
1 z
9 a
6 t
5 i
1 o
8 n
CI/CD
Impleme
DevOps • ntation and
managem
ent
Infrastruc
ture
managem
• ent and
monitori
ng
Infrastruc
ture as a
• code
Software API
Testing • Testing
Load
• Testing
Security
• Testing
2.2 PURPOSE:
Tourism is currently recognized as a global industry that is growing at a high rate,
like any other industry. This web-based application helps in maintaining the database. It
has a friendly environment that connects customers willingly. Thus, it simplifies the
process by saving our time and efforts. It will help tour managers to control and handle
the tour-related activities effectively and efficiently. A further modification could be
possible where the system can be integrated with bigger organizations such as tourist
agencies in order to help them.
The purpose of developing this application is to provide Advanced Intelligent
travel destinations for the traveler. There are two entities who will have access to the
system. One is the admin and another one will be the registered user.
• Job experiences
• Research
• Experience,
I have experienced many of the good things during my internship period and still
learning more. I have learned NodeJS, which was completely new for me so it was
seemed too difficult. But now I am enjoying the NodeJS and ReactJS technology. I have
learned Full Stack development while my internship period. Understood about teamwork
which indicate collaborative effort of a team to achieve a common goal or to complete a
task in the most effective and efficient way. This concept is seen within the greater
framework of a team, which is a group of interdependent individuals who work together
towards a common goal. Then Work should do before the deadline otherwise it will badly
impact on impression. And a lot more. So, an ideal internship is one that offers the
student a progressively challenging work experience, supported by an organization that
provides solid orientation, training, supervision, and feedback.
• Programming language:
JavaScript
JavaScript is a lightweight, interpreted programming language. It is designed for
creating network-centric applications.
Node JS:
Node.js is an open-source and cross-platform JavaScript runtime environment.
React JS:
React is a JavaScript library for building user interfaces. React is used to build
single-page applications. React allows us to create reusable UI components.
• Database: MySQL
MySQL is a relational database management system based on SQL – Structured
Query Language. The application is used for a wide range of purposes, including data
warehousing, e-commerce, and logging applications. The most common use for
MySQL however, is for the purpose of a web database.
3.1 PLANNING:
Project Planning is concerned with identifying and measuring the activities, milestones
and even before any development activity starts. Project planning consists of following
essential activities: deliverables produced by the project. Project planning is undertaken and
completed sometimes
Performed
Learnt practical
OOPs on oops
basic concept in
concepts java.
Encapsulat
ion
Inheritance
Polymorph
ism
Data
abstraction
Learnt HTML,
basics of CSS,
web JavaScript,
developm SASS and
ent SCSS,
HTTP,
Bootstrap,
SQL
Given CSS
and
JavaScript
Hacker
Rank
certificatio
n exam.
Implement
Node js, ed REST
Express api demos
js in Nodejs,
express for
routing.
Hacker
Rank
certificatio
n test
Real-
World
SPAs &
React Web
React js Apps
Understan
ding Single
Page
Applicatio
ns
and Multi
Page
Applicatio
ns
Understan
ding JSX
Functional
Componen
t
Manipulati
ng the
State
Hacker
Rank
certificatio
n test
Gujarat
Technologi
cal
University 5 GEC Patan
196518 Project & Internship Planning
• Requirement analysis
• Design
• Coding
• Testing
• Deployment
Field Datatype
int(11),
Id PK, AI
varchar(50
user_type )
varchar(25
first_name 5)
varchar(25
last_name 5)
varchar(25
Email 5), Unique
varchar(25
password 5)
phone_nu varchar(25
mber 5)
current_lo varchar(25
cation 5)
varchar(50
status )
created_da
te int(20)
updated_d
ate int(20)
5.1.1
User
Table
token
Field Datatype
Id int(11), PK, AI
Token int(11)
Email varchar(255), Unique
5.1.2 Token Table
discover_places:
Field Datatype
int(11),
Id PK, AI
place_nam varchar(25
e 5)
short_desc Text
ription
more_abo
ut_place Text
punchuati
on_line Text
Images Text
suggested
_duration Text
Tags Text
Gujarat
Technologi GEC
cal 1 Pata
University 1 n
196518
City varchar(255)
State varchar(255)
country varchar(255)
map varchar(255)
created_date int(20)
updated_date int(20)
Active varchar(255)
5.1.3 Discover Places Table
things_to_do
Field Datatype
Id int(11), PK, AI
discover_place_id int(11), [discover_places.id]
Name varchar(255)
short_description varchar(1024)
punchuation_line varchar(255)
Images Text
what_to_expect Text
Tips Text
suggested_duration varchar(255)
Tags varchar(255)
status varchar(255)
created_date int(20)
updated_date int(20)
5.1.4 Things To Do Table
faq_place
Field Datatype
Id int(11), PK, AI
discover_p
lace_id int(11), [discover_places.id]
Question text
Answers text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.5 FAQ Places T
faq_package
Field Datatype
Id int(11), PK, AI
Package_i
d int(11), [package.id]
Question text
Answers text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.6 FAQ Packages
faq_thingsToDo
Field Datatype
Id int(11), PK, AI
thingstodo
_id int(11), [discover_places.id]
Question text
Answers text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.7 FAQ Things To Do Table
tags
Field Datatype
Id int(11), PK, AI
Tag text
status varchar(255)
created_da
te int(20)
Gujarat Technological University 13
System
196518 Design
updated_d
ate int(20)
5.1.8 Tags Table
packages
Field Datatype
Id int(11), PK, AI
Name varchar(255)
Images text
Days int(11)
Heighlight
s text
Hotels text
Meal text
Sightseein
g text
Include text
Exclude text
Tags varchar(255)
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
Country varchar(255)
5.1.9 Packages
Table
itenary
Field Datatype
Id int(11), PK, AI
package_i
d int(11), [package.id]
Day int(11)
Images text
one_liner varchar(255)
Details text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.10 Itenary
Table
Gujarat Technological 1
University 4 GEC Patan
196518
review
Field Datatype
id int(11), PK, AI
package_i
d int(11), [package.id]
user_id int(11), [user.id]
rating int(11)
comments text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.11 Review Table
covid_guid
line
Field Datatype
id int(11), PK, AI
package_i
d int(11), [package.id]
guidline text
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
expired_da
te int(20)
5.1.12 Covid Guideline Table
contact_us
Field Datatype
Id int(11), PK, AI
Name varchar(512)
phone_nu
mber varchar(255)
Email varchar(255)
Message text
Gujarat Technological University 15
196518 System Design
current
location varchar(255)
status varchar(255)
created_da
te int(20)
updated_d
ate int(20)
5.1.13 Contact Us
Table
static_pag
e_content
Field Datatype
int(11),
id PK, AI
key text
content text
varchar(25
status 5)
created_da
te int(20)
updated_d
ate int(20)
5.1.14 Static Page Content
Table
Activity Diagrams describe how activities are coordinated to provide a service which can
be at different levels of abstraction. Typically, an event needs to be achieved by some operations,
particularly where the operation is intended to achieve a number of different things that require
coordination, or how the events in a single use case relate to one another, in particular, use cases
where activities may overlap and require coordination. It is also suitable for modelling how a
collection of use cases coordinates to represent business workflows
Purpose:
The purpose of use case diagram is t capture the dynamic aspect of a system. But
this definition is too generic to describe the purpose. Because other four diagrams (activity,
sequence, collaboration and State chart) are also having the same purpose. So, we will look
into some specific purpose which will distinguish it from other four diagrams. Use case
diagrams are used to gather the requirements of a system including internal and external
influences. These requirements are mostly design requirements. So, when a system is
analysed to gather its functionalities use cases are prepared and actors are identified. Now
when the initial task is complete use case diagrams are modelled to present the outside view.
So, in brief, the purposes of use case diagrams can be as follows:
The use case model captures the requirements of a system. Use cases are a means
of communicating with users and other stakeholders what the system is intended to do.
Actors
A use case diagram shows the interaction between the system and entities external
to the system. These external entities are referred to as actors. Actors represent roles which
may include human users, external hardware or other systems. An actor is usually drawn as a
named stick figure, or alternatively as a class rectangle with the «actor» keyword.
A sequence diagram or system sequence diagram (SSD) shows object interactions arranged
in time sequence in the field of software engineering. It depicts the objects involved in the
scenario and the sequence of messages exchanged between the objects needed to carry out
the functionality of scenario. Sequence diagrams are typically associated with use case
realizations in the logical view of the system under development. Sequence diagrams are
sometimes called event diagrams or event scenarios.
The sequence diagram represents the flow of messages in the system and is also termed as an
event diagram. It helps in envisioning several dynamic scenarios. It portrays the
communication between any two lifelines as a time-ordered sequence of events, such that
these lifelines took part at the run time. In UML, the lifeline is represented by a vertical bar,
whereas the message flow is represented by a vertical dotted line that extends across the
bottom of the page. It incorporates the iterations as well as branching.
CHAPTER 6: IMPLEMENTATION
6.1 Web User Screen:
6.1.3 Log in
6.1.4 Sign up
6.2.1 Sign In
6.2.2 Authentication
CHAPTER 7: TESTING
7.1 TESTING PLAN/STRATEGY
A test plan is a systematic approach to testing a system such as a machine or
software.
Depending on the product and the responsibility of the organization to which the test plan
applies, a test plan may include one or more of the following:
1. Design Verification or Compliance test ‐ to be performed during the development
or approval stages of the product, typically on a small sample of units.
2. Manufacturing or Production test ‐ to be performed during preparation or
assembly of the product in an ongoing manner for purposes of performance
verification and quality control.
3. Acceptance or Commissioning test ‐ to be performed at the time of delivery or
installation of the product.
4. Regression test ‐ to be performed on an existing operational product, to verify
that existing functionality didn't get broken when other aspects of the environment
are changed (e.g., upgrading the platform on which an existing application runs)
In this project we have done the manual testing to verify that all our functionality works
properly or not. The testing process is carried out when we had completed the implementation
of all the functionality So here the testing had been done at the end of the internship.
In this project, we have done the functional testing that check each functionality works
properly or not. All the testing procedure is carried out manually.
Test
Conditio Expected Actual
Test n Output Output Remark
ID
Email Send the Perfectly
1 Should be Email Send the No
sent after containing Email as
Admin 6 digits of expected.
login OTP.
Login, Done
Logout, Properly
2 Customer Create all No
Account the
Authentic should be Authentic
ation done ation
Functiona functional
lity properly. ity
Properly
admin can All the
3 Add add details No
the
package
packages/ with all should be
places the saved
proper properly
details. and done
the add
package /
places
perfectly
Detail Customer All the
4 page can see all pages had No
the details
of properly
packages/ displayed.
places
after login
Admin
can Admin
Admin manage managed
5 Screens all all No
the
service
request the things
and properly
managed.
Future Enhancement:
REFERENCES:
1. https://www.thomascook.in/holidays/india-tour-packages/ladakh-tour-
packages
2. https://mui.com/material-ui/react-pagination/
3. https://www.makemytrip.com/
4. https://pitch-tents.co.uk/
5. https://swagger.io/solutions/api-documentation/
6. https://www.stackoverflow.com
7. https://mui.com/
8. https://reactjs.org/tutorial/tutorial.html