A summer internship report

Submitted by

ARUN P 113321243004

In partial fulfillment for the award of the degree

Of

BACHELOR OF TECHNOLOGY

In

ARTIFICIAL INTELLIGENCE AND DATA SCIENCE

VELAMMAL INSTITUTE OF TECHNOLOGY

CHENNAI 601 204

ANNA UNIVERSITY CHENNAI: 600 025

NOVEMBER 2023
 ANNA UNIVERSITY CHENNAI:600 025

BONAFIDE CERTIFICATE

This is to certify that the “Internship report” submitted by ARUN.P

(Regd. No.: 113321243004) is work done by him and submitted during
2021 – 2022 academic year, in partial fulfillment of the requirements for
the award of the degree of BACHELOR OF TECHNOLOGY in
Artificial Intelligence and Data Science , at Marcello Tech Institute of
technology in Tiruchirappalli, Tamil Nadu.

SIGNATURE SIGNATURE
[Link],M.E,Ph.D, [Link]
PROFESSOR, Assistant professor,
HEAD OF THE DEPARTMENT Internship Coordinator,
Artificial Intelligence & Data Science Artificial Intelligence & Data Science,
Velammal Institute of Technology, Velammal Institute of Technology,
Velammal Gardens, Panchetti, Velammal Gardens, Panchetti,
Chennai-601 204. Chennai-601 204.
3
 ACKNOWLEDGEMENT

I am personally indebted to many who had helped me during the

course of this project work. My deepest gratitude to the God Almighty.

I am greatly and profoundly thankful to our beloved Chairman

[Link] for facilitating us with this opportunity. My
sincere thanks to our respected Director Thiru.M.V.M Sasi Kumar for his
consent to take up this project work and make it great success.

I am also thankful to our Advisor [Link],[Link] and our

Principal [Link] and our Vice Principal [Link] for their never
ending encouragement which accelerates us towards innovation.

I am extremely thankful to our Head of the Department

[Link], Internship coordinator [Link] for their valuable
teachings and suggestions.

From the bottom of my heart, I would like to thank

[Link] manager, Marcello tech who has been the pillar of this project
without whom I would not have been able to complete the project successfully.

The Acknowledgement would be incomplete if we would not

mention a word of thanks to my Parents, Teaching and Non-Teaching Staffs,
Administrative Staffs, Friends who had motivated and lent their support
throughout the project. Thank you one and all.

4
 ABSTRACT

Full stack development refers to the practice of working with both the front end and back end
of a web application, as well as the database that supports it. A full stack developer possesses a comprehensive
understanding and skill set that spans the entire software development process, from designing user interfaces
and implementing client-side logic to developing server-side applications and managing databases.

Organization Information:

Marcello Tech is a technical training and design solutions company that was founded in February 2016. Some
of the technical training domains include Machine Learning, Deep Learning, IoT, Embedded Systems,
Robotics, Android Development, Open CV, Python, VLSI, Image Processing, Network Security, Power
Electronics, Power Systems, Renewable Energy, Big Data, and Data Science. These technologies, on the other
hand, are often designed and implemented individually. As a result, they each run on their own platform.

Methodologies:

We follow a structured methodology for our projects which starts from designing the solution to the
implementation phase. Well planned Project reduces the time to deliver the project and any additional ad-
hoc costs to our clients, hence we dedicate majority of our time understanding our clients business and
gather requirements. This ground up approach helps us deliver not only the solution to our clients but also
add value to your investments.

Benefits of the Company/Institution through our report:

Under each division we further provide specific industry solution on focused domains with cutting edge
technologies. We emphasize on building relationships with our clients by delivering projects on time and
within budget.

5
 INDEX

[Link] CONTENTS Page no

1. Introduction...........................................................................................................10

2. Software requirements specifications…………………………………………….11

.3. Technology............................................................................................................12

4. Coding………………………………………………………………...…………15

5. Outcomes…………………………………………………………………………18

6. Conclusion………………………………………………………………………..19

6
 Learning Objectives/Internship Objectives

➢ Internships are generally thought of to be reserved for college students looking to gain
experience in a particular field. However, a wide array of people can benefit from
Training Internships in order to receive real world experience and develop their skills.

➢ An objective for this position should emphasize the skills you already possess in the area
and your interest in learning more

➢ Internships are utilized in a number of different career fields, including architecture,

engineering, healthcare, economics, advertising and many more.

➢ Some internship is used to allow individuals to perform scientific research while others
are specifically designed to allow people to gain first-hand experience working.

➢ Utilizing internships is a great way to build your resume and develop skills that can be
emphasized in your resume for future jobs. When you are applying for a Training
Internship, make sure to highlight any special skills or talents that can make you stand
apart from the rest of the applicants so that you have an improved chance of landing the
position.

7
 WEEKLY OVERVIEW OF INTERNSHIPACTIVITIES

WEEK-1

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

28/06/23 Wednesday HTML
29/06/23 Thursday HTML5
30/06/23 Friday Bootstrap
01/07/23 Saturday CSS

WEEK-2

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

03/07/23 Monday CSS3
04/07/23 Tuesday jQuery
05/07/23 Wednesday JavaScript
06/07/23 Thursday AngularJS
07/07/23 Friday ReactJS
08/07/23 Saturday Java

WEEK 3:

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

10/07/23 Monday Python
11/07/23 Tuesday NodeJS

12/07/23 Wednesday PHP

13/07/23 Thursday .NET

14/07/23 Friday MongoDB

15/07/23 Saturday MySQL

8
Week-4:

DATE DAY NAME OF THE TOPIC/MODULE COMPLETED

17/07/23 Monday SQL Server
18/07/23 Tuesday Eclipse
19/07/23 Wednesday Maven
20/07/23 Thursday Gradle
21/07/23 Friday AWS
22/07/23 Saturday Spring boot

9
 1. INTRODUCTION

Full stack development refers to the practice of working on both the front end and back
end of a web application, covering a wide range of technologies and skills. A full stack developer is
someone who is proficient in multiple layers of the software development stack, including the user
interface (front end), server-side logic (back end), and database management. This comprehensive skill
set enables full stack developers to handle various aspects of the development process, from designing
user interfaces and implementing client-side functionality to developing server-side applications and
managing databases.

In essence, a full stack developer is capable of working on the entire software

architecture, providing a holistic understanding of how different components interact to create a
functional and seamless web application. This versatility is valuable in a rapidly evolving technological
landscape and is often sought after in agile development environments and startup settings where teams
may be smaller and require individuals to wear multiple hats. The term "full stack" reflects the idea of
mastering both the front and back ends of software development, making these professionals well-
rounded contributors to the creation and maintenance of web applications.

10
 [Link] REQUIREMENTS SPECIFICATIONS

System configurations

The software requirement specification can produce at the culmination of the

analysis task. The function and performance allocated to software as part of system
engineering are refined by established a complete information description, a detailed
functional description, a representation of system behavior, and indication of
performance and design constrain, appropriate validate criteria, and other information
pertinent to requirements.

Software Requirements:
Operating System. : Windows
Coding Language : HTML, CSS, PHP, JavaScript, and Bootstrap.
Text Editor. Sublime
Database Text3.

Package MySQL.

XAMPP.

Hardware Requirements:

Processor Intel core i3

Memory 8GB RAM
Hard Disk 1TB

11
 [Link]

1. HTML

HTML, or Hypertext Markup Language, is a markup language used to structure content on

the web. It consists of a series of elements, each represented by tags, which define the
purpose or structure of different parts of a document. Here are some key aspects:
1.*Elements and Tags:*Elements are the building blocks of HTML documents, like
paragraphs headings ('<h1>' to '<h6>”), links (”<a>'), images ('<img>”), [Link]
surround content and provide information about the content.

2.*Attributes:*Elements can have attributes that provide additional information about them.
For example, the ”<a>” element might have an ”href attribute to define the hyperlink.

3.*Document Structure:*An HTML document typically has a structure with a ”<!DOCTYPE

html>” declaration, ”<html>” element containing ”<head>” and '<body>” sections.

4. *Head Section:*The ”<head>' section includes metadata like the title of the page, links to
stylesheets, scripts, and more.

5. *Body Section:*The '<body>” section contains the actual content of the webpage.

6. *Links:*Hyperlinks are created using the '<a>” tag. The 'href attribute specifies the URL.

7.*Images:* Images are embedded using the '<img>” tag, with the ”src' attribute pointing to
the image file.

8.*Lists:*Lists can be ordered or unordered and list items are represented

by the ”<li>” tag.

9.*Forms:*Forms are created using the '<form>' tag, with input elements like text boxes,
buttons, etc.

10. *Semantic HTML:*HTML5 introduced semantic elements like ”<header>”, ”<footer>”,

'<section>”, which add meaning to the structure.

11. *Validation:*HTML documents should adhere to the standards, and validation ensures
correct syntax and structure.

12
 2. CSS
Cascading Style Sheets (CSS) is a stylesheet language used to describe the
presentation of a document written in HTML or XML (including XML dialects such as
SVG, MathML or XHTML). CSS describes how elements should be rendered on screen, on
paper, in speech, or on other [Link] is among the core languages of the open web and is
standardized across Web browsers according to W3C specifications. Previously, the
development of various parts of CSS specification was done synchronously, which allowed
the versioning of the latest recommendations. You might have heard about CSS1,
CSS2.1, or even CSS3. There will never be a CSS3 or a CSS4; rather, everything is now
CSS without a version [Link] CSS 2.1, the scope of the specification increased
significantly and the progress on different CSS modules started to differ so much, that it
became more effective to develop and release recommendations separately per module.
Instead of versioning the CSS specification, W3C now periodically takes a snapshot of
the latest stable state of the CSS specification and individual modules progress. CSS
modules now have version numbers, or levels, such as CSS Color Module Level 5.

3. Bootstrap
Bootstrap is a free, open-source framework for front-end development. It includes HTML
and CSS-based templates for common components like buttons, tables, forms, and
typography. Bootstrap templates are pre- designed layouts that leave little room for custom
styling. They're designed for mobile-first responsive development. Here are some examples
of Bootstrap templates:

Album: A one-page template for photo galleries and portfolios.

Bootstrap Profile: A user profile layout with a profile picture, projects section, and address
section.

Magazine like blog template: A blog template with a header, navigation, and featured
content Bootstrap. templates can be used as HTML, CSS, and JavaScript. Some templates
may also include a project builder config for compiling Sass files.

13
4. JavaScript

JavaScript is a lightweight, cross-platform, single-threaded, and interpreted compiled

programming language. It is also known as the scripting language for webpages. It is well- known
for the development of web pages, and many non-browser environments also use [Link] is
a weakly typed language. JavaScript can be used for Client-side developments as well as Server-side
developments. JavaScript is both an imperative and declarative type of language. JavaScript contains
a standard library of objects, like Array, Date, and Math, and a core set of language elements like
operators, control structures, and statements.

14
 [Link]

Frontend
<! DOCTYPE>
<html>
<title>Induction</title>
<meta charset=”UTF-8”>
<meta name=”viewport” content="width=device-width, initial-scale=1”>
<1ink rel="stylesheet" href="[Link]
<1ink rel="stylesheet” href="[Link]
<link rel='stylesheet' href='[Link]
<link rel=”stylesheet” href=”[Link]
awesome/4.7.0/css/[Link]">
<style>
html,body,h1,h2,h3,h4,h5 {font-family: ”Open Sans", sans-serif}
</style>
<body class="w3—theme—l5">
<!——Navbar —
—>
<div class="w3—top">
<div class="w3-bar w3-theme-d2 w3-left-align w3-large”>
<a class="w3-bar-item w3-button w3-hide-medium w3-hide-large w3-right w3-padding-large
w3-hover-white w3-large w3-theme-d2" href="javascript:void(0);” onclick="openNav()"><i
class="fafa-bars"></i></a>
<a href="#" class=”w3-bar-item w3-button w3-padding-large w3-theme-d4"><i class=”fafa-
home w3-margin-right"></i>Logo</a>
<a href=”#” class="w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white"
title=”News"><i class="fafa-globe"></i></a>
<a href="#" class=”w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white”
title=”Account Settings"><i class=”fafa-user"></i></a>
<a href="#" class=”w3-bar-item w3-button w3-hide-small w3-padding-large w3-hover-white"
title="Messages"><i class="fafa-envelope”></i></a>

<div class=”w3-dropdown-hover w3-hide-small">

<button class="w3-button w3-padding-large" title=”Notifications"><i class=”fafa-
bell"></i><span class="w3-badge w3-right w3-small w3-green">3</span><Autton>

15
<div class="w3-dropdown-content w3-card-4 w3-bar-block" style="width:300px">
<a href="#" class=”w3-bar-item w3-button”>One new friend request</a>
<a href—"#" class—”w3-bar-item w3-button”>Ram posted on your wall</a>
<a href="#" class=”w3-bar-item w3-button”>Ritesh likes your post</a>
</div>
</div>
<a href="#” class=”w3-bar-item w3-button w3-hide-small w3-right w3-padding-large w3- hover-white"
title=”My Account”><imgsrc="/w3images/[Link]" class="w3-circle"
style=”height:25px;width:25px” alt="pic"></a>

</div>
</div>
<!--Navbar on small screens -->
<div id="navDemo" class="w3-bar-block w3-theme-d2 w3-hide w3-hide-large w3-hide- medium w3-
large">

<a href=”#" class="w3-bar-item w3-button w3-padding-large">Link

<a href="#" class=”w3-bar-item w3-button w3-padding-large">Link 2</a>
<a href="#" class=”w3-bar-item w3-button w3-padding-large”>Link 3</a>
<a href="#" class="w3-bar-item w3-button w3-padding-large">My Profiles/a>
</div>
Page Container -->
<div class="w3-container w3-content” style="max-width:1400px;margin-top:80px”>
<!-- The Grid -->
<div class=”w3—row"> Left Column -->
<div class="w3-col m3”> Profile ——>
<div class="w3-card-2 w3-round w3-white">
<div class—"w3-container">
<h4 class=”w3-center">My Profiles/h4>
<p class="w3-center”><imgsrc="/w3images/[Link]” class="w3-circle"
style="height:106px;width:l06px" alt=”pic"><center><form action="[Link]" method="post" >

<input type=”submit” va1ue="Upload Image” name=”submit">

</form></form>
</center>

16
<hr>
<p><i class=”fafa-pencil fa-fw w3-margin-right w3-text-theme”></i> Designer,
</div></center>
<div class—”w3-row-padding" style—”margin:0 -16px">
</div>
<!-- End Middle Column -->
</div>
Right Colum ——>
<div class="w3—col m2”>
<div class=”w3-card-2 w3-round w3-white w3-center”>
<div class="w3-container">
<p>Upcoming Events:</p>
<imgsrc=”/w3images/[Link]" alt=”pic” style="width:100%;">
<p><strong>Recruitment</strong></p>
<p>Friday 15:00</p>
<p><button class=”w3-button w3-block w3-theme-l4">Info</button></p>
</div></div>
End Right Column --></div>
<!-- End Grid --></div>
End Page Container --></div><br>
Footer -->
<footer c1ass="w3-container w3-theme-d3 w3-padding-16"></footer>
functionmyFunction(id) {

[Link] = [Link](" w3-show", "");

</script>
<Aody>
</html>

17
 5. Outcomes

MyProfile Upcomlrg £veno:

[Link] Blue
UploadIrruge
' Ì
5t

J Designer,UI
lñ(0

R Gunupur, INDIA

G D 18.IB7 Background VerificationForm

£ducaronal Document
Choosehk No file ¢hosen

¿mpolyer Oocuments
Posltionsif›ataeavailablewdiour
Choosehle Nofile chosen
‹IlentswLlth scltts your profile!...
Identity Ooruments
ChoosrFlk Nofilgchostn

Choosehle to lie ‹Run

Z Designer, UI
Info
4 Gunupur, TkDiA
Background Verification Form
Educational 0o‹uments
Choose File to 5Ie chosen
EmpoyerDocumene
PosNomtfut«eavaiIabIewtdiour ChooseFIe ko fle‹hosen
tllend whkh suites your profilei..
Idenfity Documents

ChooseFile Nofile chosen

LatestSalary flips
ChooseFile 8ofilethosen
Other documeno
ChooseFile Nofile chosen

Subm|t

18
 [Link]

Once the on-boarding and training phase wraps up, the new staff member should be ready to engage in a
rewarding long-lasting career. The full cycle recruiting process can indeed be a grueling experience for
all parties involved. But, will the addition of a new, reliable employee for the firm, it is also a much
needed and appreciated part of nurturing a successful business. Even for owners of small enterprises, for
peace of mind in hiring the best candidate for a job, following the steps of the recruitment life cycle is
well worth the time and effort and is a proven method of reducing turnovers within a company, saving
both time and money in the long run. There are huge opportunities available for the students who want
to work in this field. Many private and public organizations hire web designer for their online work and
website development. With the rapid advent of online industry, the demand of web development
professionals is increasing, and this has created a huge job opportunity for the aspirants in the upcoming
days. Also, an experienced person in this field can also work as a freelancer; there are many online
companies which provide online projects to the individuals.

Future scope :

If someone has no experience in this field, finding work can be a real challenge. A successful internship
can help an individual turn an experience into a career opportunity. So as a successful internship some
future scopes are:

1. To work in IT company.
2 . Can work as a Software Engineer
3. Can work as a Web Designer.
4 . Can work as a Web Developer.

5. Can work as a QA Tester.

19