EXPLORER

A SUMMER INTERNSHIP REPORT

Submitted by
GILL PRABHDEEP SINGH
191110107013
In partial fulfilment for the award of the degree of

BACHELOR OF ENGINEERING
in
Computer Engineering
Mahavir Swami College of Engineering & Technology, Surat

Gujarat Technological University, Ahmedabad

2022-2023
 Mahavir Swami College of Engineering & Technology.

Surat

CERTIFICATE

This is to certify that the project report submitted along with the project

entitled EXPLORER has been carried out by Gill Prabhdeep Singh

(191110107013) under my guidance in partial fulfilment for the degree of

Bachelor of Engineering in Computer Department, 7th Semester of Gujarat

Technological University, Ahmedabad during the academic year 2022-2023.

1
Gujarat Technological
University Engineering & Technology
 Company Certificate

2
Gujarat Technological
University Engineering & Technology
 Mahavir Swami College of Engineering & Technology.

Surat

DECLARATION

We hereby declare that the Summer Internship Project report submitted

along with the Summer Internship project entitled “EXPLORER” submitted

in partial fulfilment for the degree of Bachelor of Engineering in Computer

Engineering to Gujarat Technological University, Ahmedabad, is a bonafide

record of original project work carried out by me at Leaf Drive Academy

under the supervision of prof. Mihir Parmar and that no part of this report

has been directly copied from any students report or taken from any other

source without providing due reference.

Name of the Student Sign of Student

1. Gill Prabhdeep Singh ____________

3
Gujarat Technological
University Engineering & Technology
 ACKNOWLEDGEMENT

The satisfaction that accompanies the successful completion of any task

would be incomplete without the mention of people whose ceaseless
corporation made it possible, whose constant guidance and encouragement
grown all efforts with success.

My sincere thanks to my faculty guide Professor Hiral Patel, external guide

Mihir Parmar (Leaf Drive Academy) and H.O.D for providing valuable
guidance throughout our project work. Whenever i was confused about
anything, they were always there to help me.

I am thankful to Gujarat technological university for giving the opportunity

to assign this summer internship work.

Gill Prabhdeep Singh

(191110107013)

4
Gujarat Technological
University Engineering & Technology
 ABSTRACT

Tourism Management System is a complete tourist fully integrated

tourism web site. The website covers all the areas required for an including
tourism, This project is developed to manage the tourist in the tourism
management web site. The main module in this project are login,
tourist management, complaints and reports.

5
Gujarat Technological
University Engineering & Technology
 List of Figures

Fig 4.1 Homepage of the Utility. 8

Fig 4.1 user login. 12
Fig 4.2 Exploring. 12
Fig 4.3 Featured Destination. 12

6
Gujarat Technological
University Engineering & Technology
 List of Tables

Table (i) Internship Overview Week 1 1

Table (ii) Internship Overview Week 2 1
Table (iii) Internship Overview Week 3 2

7
Gujarat Technological
University Engineering & Technology
 List of Symbols & Abbreviations

SIP Summer Internship Program

MERN MongoDB, Express JS, React JS, Node JS
DB Database
HTML Hyper Text Markup Language
CSS Cascading Style Sheet
JS Java Script
SPA Single Page Application
URL Uniform Resource Locator
UI User Interface
BED Back-End Development
FED Front-End Development
SDLC Software Development Life Cycle

8
Gujarat Technological
University Engineering & Technology
 Table of Contents

Certificate i
Company Certificate ii
Declaration iii
Acknowledgement iv
Abstract v
List of Figures vi
List of Tables vii
List of Symbols & Abbreviation viii

Weekly Overview of Internship Activities

Table (i) 1
Table (ii) 1
Table (iii) 2

Chapter 1: Introduction
1.1 About Company 3
1.2 Aim and Objective of Internship 4

Chapter 2: Information about the internship position 5

Chapter 3: Skills Learned

3.1 About the Skill/s 6
3.2 How do I learn the skill/s 7

9
Gujarat Technological
University Engineering & Technology
 Chapter 4: Project Description
4.1 About the Project 8
4.2 Project Output 10

Chapter 5: Overall Experience 13

Conclusion 14

References / Bibliography 15

10
Gujarat Technological
University Engineering & Technology
170654 Introduction

Weekly Overview of Internship Activities

Table (i)

DATE DAY NAME OF THE TOPIC /

MODULE COMPLETED

20/06/2022 Monday Introduction of Company and team

and basic information of SDLC.
1st WEEK

21/06/2022 Tuesday Introduction to Basics of Web

Development and its Architecture.
22/06/2022 Wednesday Introduction of Basic HTML.

23/06/2022 Thursday Introduction of Basic CSS.

24/06/2022 Friday Introduction of Basic JS.

Table (ii)

DATE DAY NAME OF THE TOPIC /

MODULE COMPLETED

27/06/2022 Monday Styling Sheet Using CSS

2nd WEEK

28/06/2022 Tuesday Learning various animations

29/06/2022 Wednesday Learning Various Transformation

30/06/2022 Thursday Applications of CSS on Html

01/07/2022 Friday Web-Design Task

1
Gujarat Technological
University Engineering & Technology
170654 Introduction

Table (iii)

DATE DAY NAME OF THE TOPIC /

MODULE COMPLETED
04/07/2022 Monday Project Planning Phase
05/07/2022 Tuesday Project Phase – 1
3rd WEEK

Designing Structure
04/07/2022 Wednesday Project Phase – 2
Designing Multiple Layouts
05/07/2022 Thursday Project Phase – 3
Creating Frontend Website
06/07/2022 Friday Final Report

2
Gujarat Technological
University Engineering & Technology
170654 Introduction

Chapter 1: Introduction

1.1 About Company.

Leaf Drive Academy in Surat is one of the leading businesses in the

Computer Training Institutes For C Programming. Also known for Computer
Training Institutes, Tutorials, Engineering Tutorials, Computer Training
Institutes For C++ Programming, PHP Training Institutes,Android Training
Institutes,flutter Training Institute, Wordpress Training Institute, Tutorials
For Engineering Diploma, Computer Training Institutes For C Programming
and much more.

Since 2015, Leaf Drive Academy in Nanpura, Surat has been offering
professional training to students. It specialises and is well-known for training
students as well as working professionals in accounting, web designing,
programming languages, hardware and networking. It is run and managed by
a seasoned professionals who leads a team of educators and trainers having
relevant domain expertise. At this institution, one can get trained in the
subject of their choice by opting from a wide range of courses.

Leaf Drive Academy in Nanpura offers short-term courses and certificate

courses. Inclusive of comprehensive learning, the long-term programmes
feature subjects such as web development, financial accountancy, computer
application and programming, information technology, multimedia and web-
designing. Some of the short-term courses cover topics like Windows XP, 7,
8, 10, Vista, MS Office, DTP (Desk Top Publishing), Web Designing,
Multimedia, Tally ERP 9, C, C++ , and Visual Basic.

3
Gujarat Technological
University Engineering & Technology
170654 Introduction

1.2 Aim and Objective of Internship

Aim:

An internship is a purposeful activity of the student set in a work

environment in order to obtain learning outcomes within their curriculum.
During the internship, the knowledge, skills, and attitudes learned in the
program me can be applied.

The aim of the internship provides a direction to the activities, helps to focus
on a result, and to assess the result achieved.

Objectives:

• SIP aims at widening the student's perspective by providing an

exposure to real life organizational environment and its various
functional activities.
• This will enable the students to explore an
industry/organization, build a relationship with a prospective
employer, or simply hone their skills in a familiar field.
• SIP also provides invaluable knowledge and networking
experience to the students. During the internship, the student
has the chance to put whatever he/she learned in the three year
of Engineering into practice while working on a skill, job
function or organization.
• The organization, in turn, benefits from the objective and
unbiased perspective the student provides based on concepts
and skills imbibed in the institute.

4
Gujarat Technological
University Engineering & Technology
170654 Information about the Internship Position

Chapter 2: Information about the Internship Position

I joined Leaf Drive Academy as an Web Developer Intern where, I work on

many projects initially and made a major project using the technologies I
learned while the internship period.

My day-to-day schedule was to analysing different design patterns of

different web-pages and designing new web-pages and backend using the
MERN Stack.

5
Gujarat Technological Mahavir Swami College of
University Engineering & Technology
170654 Skills Learned

Chapter 3: Skills Learned

3.1 About the Skill/s:

HTML:

Hypertext Markup Language (HTML) is a computer language that makes up most

web pages and online applications. A hypertext is a text that is used to reference
other pieces of text, while a markup language is a series of markings that tells web
servers the style and structure of a document. HTML is not considered a
programming language as it can’t create dynamic functionality. Instead, with
HTML, web users can create and structure sections, paragraphs, and links using
elements, tags, and attributes.

Here are some of the common uses for HTML:

• Web development. Developers use HTML code to design how a browser

displays web page elements, such as text, hyperlinks, and media files.
• Internet navigation. Users can easily navigate and insert links between
related pages and websites as HTML is heavily used to embed hyperlinks.
• Web documentation. HTML makes it possible to organize and format
documents, similarly to Microsoft Word.

CSS:

CSS is what’s called a Cascading Style Sheet language, and is used to stylize
elements written in a markup language such as HTML. It separates the content
from the visual representation of the site.

CSS was developed by W3C (World Wide Web Consortium) in 1996, for a rather
simple reason. HTML was not designed to have tags that would help format the
page. You were only supposed to write the markup for the site.Tags like were
introduced in HTML version 3.2, and it caused quite a lot of troubles for
developers. Since websites had different fonts, colored backgrounds, and styles, it

6
170654 Skills Learned

was a long, painful, and expensive process to rewrite the code. Thus, CSS was
created by W3C to solve this problem.

The relation between HTML and CSS is strongly tied together. Since HTML is a
markup language (the very foundation of a site) and CSS emphasizes style (all of
the aesthetics of a website), they go hand in hand together.

CSS is not technically a necessity, but you probably wouldn’t want to look at a
site that features only HTML as it would look completely bare-boned.

JS:

JavaScript is a very powerful client-side scripting language. JavaScript is used

mainly for enhancing the interaction of a user with the webpage. In other words,
you can make your webpage livelier and more interactive, with the help of
JavaScript. JavaScript is also being used widely in game development and Mobile
application development.

• JavaScript is a client-side scripting language developed by Brendan Eich.

• JavaScript can be run on any operating systems and almost all web
browsers.
• You need a text editor to write JavaScript code and a browser to display
your web page.

7
170654 Skills Learned

3.2 How do I learn the skill/s:

• By using documentation of particular technology.

• Focus.

Practice, Practice and Practice

8
170654 Project Description

Chapter 4: Project Description

4.1 About the Project:

During the internship period I worked on various small projects of

developing static front-end webpages. Those small web-pages helped
me to develop my critical thinking and decide the project which can be
useful to people in many ways.

So, I developed a html and css based web-utility named

“EXPLORER” which can be used to travel and explore the world.

This project includes the implementation of front-end . For front-end,

the library used in html and css.

Gujarat Technological 9 Mahavir Swami College of

University Engineering & Technology
170654 Project Description

4.2 Project Output:

Fig 4.1. Homepage of the Utility

Gujarat Technological 10 Mahavir Swami College of

University Engineering & Technology
170654 Project Description

Fig 4.2 user login page

Gujarat Technological 11 Mahavir Swami College of

University Engineering & Technology
170654 Project Description

Fig 4.3 Exploring the country or city.

Fig 4.4 Users can find featured destination

Gujarat Technological 12 Mahavir Swami College of

University Engineering & Technology
170654 Overall Experience

Chapter 5: Overall Experience

As an Web Development Intern in the Leaf Drive Academy, seniors used to

assign me some tasks on daily basis for nourishment of the knowledge I
already have in the field of Web Development and they used to emphasize
me to learn new technologies.

The tasks I undertook included:

• Analysing the design of big giant tech company’s websites.

• Converting and handling complex data into understandable
formatting.
• Meeting and liaising with team.
• Solving UI issues in other running projects of company.

13
Gujarat Technological Mahavir Swami College of
University Engineering & Technology
170654 Conclusion

Conclusion

In this internship at Leaf Drive Academy, I was able to get a better

understanding of how the tech companies works and how effective and full
of knowledge the experience of working with the tech company is. I enjoyed
working with many developers of different fields and learn from them the
skills required to become a successful Front end developer. All seniors and
colleagues helped a lot to achieve the outcome of the project which I was
having in my mind into reality.

Overall, I found the Web Development internship experience to be positive

and I’m sure that I will be able to use these skills later to make my career in
tech domain.

14
Gujarat Technological Mahavir Swami College of
University Engineering & Technology
170654 References / Bibliography

References / Bibliography

• W3Schools [https://www.w3schools.com]
• React JS Documentation [https://reactjs.org]
• Mongo DB Documentation [https://www.mongodb.com]
• Express JS Documentation [https://expressjs.com]
• Node JS Documentation [https://nodejs.org]
• Thapa Technical Deployment Tutorial
[https://www.thapatechnical.com]
• Java Script Mastery React Redux Tutorial [https://www.jsmastery.pro]
• Material UI Documentation [https://mui.com/material-ui]

15
Gujarat Technological Mahavir Swami College of
University Engineering & Technology