Internship Report

AN INTERNSHIP REPORT
Submitted by
DURGANANDHINI K - 412420205027
In Partial fulfillment for the award of the
degree of
BACHELOR OF TECHNOLOGY
in
INFORMATION TECHNOLOGY
SRI SAI RAM INSTITUTE OF TECHNOLOGY

(An Autonomous Institution; Affiliated to Anna University, Chennai-600025)
ANNA UNIVERSITY::CHENNAI - 600 025
APRIL 2024
BONAFIDE CERTIFICATE
Certified that this internship report “Industrial Based Embedded with Android
Application Development using IOT ”and “Web Development” are the
Bonafide works of “DURGANANDHINI K (412420205027)” who carried out
the internship works in the “NSIC - TECHNICAL SERVICES CENTRE”, and
“HDLC TECHNOLOGIES”.
Dr. S. Rajarajan, Professor Dr. V. Brindha Devi, Professor

Dean/ Academics HoD/ IT
Dr. D. Murugaradha Devi, Professor Mrs. Josephine Ruth Fenitha,

Asst.Prof Strategist Talent Enabler
Mrs.R. Sanchana, Asst.Prof Mrs.P.Subha, Asst.prof

Placement facilitator Internship Incharge
Dr. K. Anuratha, Assoc.Prof

Student Mentor
Submitted for the internship review held on

at Sri Sai Ram Institute of Technology, Chennai- 600 044.
DETAILS OF INTERNSHIP
SECTION COMPANY MODE OF YEAR/

NO NAME INTERNSHIP
SEM
1 KASI INSURANCE OFFLINE III/V&VI

CONSULTANCY
SECTION I
TABLE OF CONTENT
SECTION II
CHAPTER TITLE PAGE NO
ABSTRACT 1
1 ABOUT THE COMPANY 2
2 ABOUT THE INTERNSHIP 3
2.1 WEB DEVELOPMENT 3
2.2 TECHNOLOGY USED 4
2.3 VISUAL STUDIO CODE 7
2.4 API 8
2.5 CODING 8
3 IMPACT OF THIS TRAINING 24
4 PROOF OF COMPLETION 25
LIST OF FIGURES
SECTION II
FIGURE NO FIGURE NAME PAGE NO

1 HDLC LOGO 2
2 CSS SYNTAX 5
3 REGISTRATION FORM 22
4 DATABASE 22
5 PORTFOLIO 23
6 MOBILE VIEW 23
ABSTRACT
This internship, I embarked on a journey of practical learning and professional growth.

Engaging with a dynamic team, I immersed myself in various facets of web
development, honing both technical skills and soft skills crucial for success in the field.
My internship provided a comprehensive understanding of front-end and back-end
development frameworks, including but not limited to HTML, CSS and JavaScript.
Through hands-on projects, I grasped the significance of responsive design principles,
ensuring seamless user experiences across diverse devices. Additionally, I delved into
database management systems such as MySQL learning to architect robust data-driven
applications.
1
CHAPTER 1
ABOUT THE
COMPANY
NAME OF THE COMPANY :- KASI INSURANCE CONSULTANCY
HDLC is a startup company based in Chennai, India working in the IT Industry with a
focus on building software products using different AI Technologies like Machine
Learning, Deep Learning, Natural Language Processing, Speech recognition in specific
segments in which we have expertise and business relationships. The startup is
boot-strapped and self-funded.
We also offer a wide range of internship programs in Computer science aimed at

technical and non-technical concepts made with the aim of creating capable, creative
and tech-savvy professionals who combine theoretical know-how with practical
expertise to solve complex situations by finding foolproof solutions.
Title of the Internship : Web Development
Internship Period : 02/05/2023 to 30/06/2023
Mode of Internship : Online
2
CHAPTER 2
ABOUT THE INTERNSHIP
2.1 WEB DEVELOPMENT
Web development domain refers to the area of expertise and knowledge that a
web developer possesses in order to design, build, and maintain websites. This
includes various aspects such as front-end development (client-side), back-end
development (server-side), web application development, e-commerce
development, database management, and content management systems (CMS)
development.
Front-end development involves the creation of the user interface and the design
of the website using HTML, CSS, and JavaScript. Back-end development focuses
on the development of the server-side of the website and the use of programming
languages such as PHP, Ruby, Python, and others to manage the server, databases,
and server-side scripting.
Web application development is focused on developing interactive applications

that run on web browsers or mobile devices. E-commerce development involves
creating online stores and managing online transactions, while database
management is concerned with designing and managing the database systems that
power websites and web applications.
Content management systems (CMS) development involves the creation of

systems that allow users to create, manage, and publish content on websites
without requiring specialized technical knowledge.
3
Web development encompasses the tasks involved in developing websites for the internet or
an intranet. It typically includes web design, web content development, client-side/server-
side scripting, web server, and network security configuration, and e-commerce
development, among other things. Here's a breakdown of some key components:
Web Design: This involves designing the layout, appearance, and user experience of a
website. It includes graphic design, typography, color theory, and user interface (UI) design.
Frontend Development: This involves building the client-side of a website, which users
interact with directly.
It includes writing HTML, CSS, and JavaScript code to create responsive and interactive
web pages. Frameworks like React, Angular, and Vue.js are commonly used in frontend
development.
Backend Development: This involves building the server-side of a website, which handles
data processing, user authentication, and server-side logic. Backend developers work with
languages like Python, Ruby, Java, PHP, or Node.js and frameworks like Django, Ruby on
Rails, Spring Boot, Laravel, or Express.js.
Full-Stack Development: Full-stack developers work on both the frontend and backend of
a website, handling all aspects of web development.
Database Management: Websites often rely on databases to store and retrieve data.
Backend developers work with database management systems like MySQL, PostgreSQL,
MongoDB, or SQLite to manage data efficiently.
Web Servers and Hosting: Understanding web servers like Apache, Nginx, or Microsoft
IIS, and knowing how to deploy and manage websites on hosting platforms like AWS,
Google Cloud Platform, or Microsoft Azure is crucial for web developers.
4
Security: Web developers need to be aware of security best practices to protect websites
from common threats like SQL injection, cross-site scripting (XSS), and cross-site request
forgery (CSRF). This includes using HTTPS, input validation, and authentication
mechanisms.
Version Control: Version control systems like Git are essential for collaborative
development, allowing developers to track changes to code, merge changes from multiple
contributors, and revert to previous versions if needed.
Responsive Design: With the proliferation of mobile devices, ensuring that websites are
responsive and optimized for various screen sizes and devices is crucial.
Testing and Debugging: Web developers need to test their code thoroughly to identify and
fix bugs. This includes unit testing, integration testing, and browser compatibility testing.
Continuous Integration/Continuous Deployment (CI/CD): Implementing CI/CD pipelines
automates the process of testing and deploying code changes, improving efficiency and
reducing errors.
Performance Optimization: Optimizing website performance by minimizing load times,

reducing file sizes, and caching resources improves user experience and SEO rankings.
5
2.2 TECHNOLOGY
USED HTML
HTML (Hypertext Markup Language) is a markup language used to create the

structure and content of web pages. It is the standard language for building web
pages and is essential for creating static websites, as well as web applications and
dynamic websites. HTML is a markup language that uses tags to describe the
content of a web page. These tags are used to define headings, paragraphs, links,
images, lists, tables, forms, and other elements that make up a web page. HTML
documents are designed to be displayed in web browsers and are rendered as web
pages that can be viewed by anyone with internet access.
The Hyper Text Markup Language, or HTML is the standard markup language for
documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages such as
JavaScript. Web browsers receive HTML documents from a web server or from local
storage and render the documents into multimedia web pages. HTML describes the
structure of a web page semantically and originally included cues for the appearance of
the document.
Step 1: Open Notepad (PC) Windows 8 or later:
Open the Start Screen (the window symbol at the bottom left on your screen).
Type Notepad.
Windows 7 or earlier:
Open Start > Programs > Accessories > Notepad
6
Step 2: Write Some HTML
<!DOCTYPE>
<html>
<head>
<title>BCD</title>
</head>
<body>
<h1>WE ARE TOGETHER</h1> </body> </html>
Step 3: Save the HTML Page.
Save the file on your computer. Select File > Save as .HTML in the Notepad menu.
CSS
CSS (Cascading Style Sheets) is a stylesheet language used for describing the
presentation and layout of HTML or XML documents, including web pages. CSS is
used to style HTML elements and create visually appealing web pages. CSS works by
defining styles for HTML elements using selectors. Selectors target specific HTML
elements and define the styles that should be applied to those elements. CSS styles can
be used to set the font, color, spacing, alignment, and other visual properties of HTML
elements. CSS can be applied to an HTML document in three different ways: inline
styles, internal styles, and external styles.
7
The selector points to the HTML element you want to style.
The declaration block contains one or more declarations separated by semicolons.
Each declaration includes a CSS property name and a value, separated by a colon.
Multiple CSS declarations are separated with semicolons, and declaration blocks are
surrounded by curly braces.
Example: p {
color: red;
text-align: center;
JAVASCRIPT
JavaScript is a high-level, dynamic programming language that is commonly used for

creating interactive web pages and web applications. JavaScript is executed on the
client-side (in a web browser) and is used to add interactivity, animations, and dynamic
content to websites. JavaScript is used to interact with HTML and CSS to create
dynamic web pages. It supports various programming paradigms, including procedural,
object-oriented, and functional programming. JavaScript is designed to be easy to learn
and use.
JavaScript, often abbreviated as JS, is a high-level, interpreted scripting language that

conforms to the ECMAScript specification. It is a language that’s essential for
developing interactive and dynamic web pages. JavaScript enables developers to create
rich client-side interactions, and it’s supported by all modern web browsers without the
need for plugins.
Here’s a brief overview of JavaScript:
Lightweight: JavaScript is designed to be easy to implement and fast to execute within

browsers.
8
Interpreted or JIT-compiled: JavaScript code is processed by the browser at runtime.
First-class functions: In JavaScript, functions are treated as first-class citizens, meaning

they can be passed as arguments, returned from other functions, and assigned to
variables.
Prototype-based: JavaScript uses prototypes instead of classical inheritance.
Multi-paradigm: It supports object-oriented, imperative, and declarative (e.g.,

functional programming) styles.
Dynamic: JavaScript can create objects and functions at runtime, and it can change the
type of variables dynamically.
2.3 VISUAL STUDIO CODE
The codes are executed in visual studio code which is a platform to run different
languages in it. Visual Studio Code (VS Code) is a free, open-source code editor
developed by Microsoft. It is one of the most popular code editors used by developers
for writing and editing code across multiple programming languages. VS Code is
designed to be a lightweight, fast, and flexible code editor that supports various features
such as syntax highlighting, auto-complete, debugging, source control integration, and
extensions. It has a user-friendly interface that can be customized to fit the preferences
of individual users. Programs like JavaScript, Python, C++, Java, Ruby, and many
others.
Visual Studio Code (VS Code) is a popular and versatile source code editor developed
by Microsoft. It's widely used by developers for various programming languages and
platforms due to its lightweight nature, extensive customization options, and rich
ecosystem of extensions. Here are some key features and aspects of Visual Studio
Code:
9
Cross-Platform: Visual Studio Code is available for Windows, macOS, and Linux,
making it accessible to a wide range of developers.
Intelligent Code Editing: VS Code provides features like syntax highlighting, code
completion, and IntelliSense, which offers context-aware suggestions as you type.
Customizable Interface: Users can customize the appearance and behavior of VS Code
using themes, custom keybindings, and settings.
Extensions: One of the standout features of VS Code is its vast extension marketplace.
Developers can install extensions to add support for additional programming languages,
debuggers, linters, version control systems, and more.
Integrated Terminal: VS Code includes an integrated terminal, allowing developers to run

command-line tools and scripts without leaving the editor.
Version Control Integration: VS Code has built-in Git support, enabling developers to
perform version control operations like committing, branching, merging, and viewing
changes directly within the editor.
Debugging Support: VS Code supports debugging for various programming languages and
platforms through extensions. Developers can set breakpoints, inspect variables, and step
through code to troubleshoot issues.
Task Automation: VS Code allows users to define and execute tasks, such as compiling
code, running tests, or deploying applications, using task runners like npm scripts or custom
shell commands.
10
Integrated Development Environments (IDE) Features: While VS Code is primarily a
code editor, it offers many IDE-like features through extensions, such as project
management, code refactoring, code snippets, and more.
Live Share: Visual Studio Live Share is an extension for VS Code that enables real-time
collaboration between developers, allowing them to edit and debug code together, share
terminals, and collaborate on tasks.
Remote Development: VS Code supports remote development, allowing developers to
work on projects hosted on remote servers or containers, providing a consistent
development environment regardless of the local setup.
Accessibility: Visual Studio Code strives to be accessible to all users, with features like
screen reader support, high contrast themes, and keyboard navigation options.
Overall, Visual Studio Code is a powerful and flexible tool that caters to the needs of
developers across different programming languages and workflows. Its active development
community and extensive ecosystem of extensions contribute to its popularity among
developers.
11
2.4 API
API full form is an Application Programming Interface that is a collection of

communication protocols and subroutines used by various programs to communicate
between them. A programmer can make use of various API tools to make their program
easier and simpler. Also, an API facilitates programmers with an efficient way to
develop their software programs. Thus api meaning is when an API helps two programs
or applications to communicate with each other by providing them with the necessary
tools and functions. It takes the request from the user and sends it to the service
provider and then again sends the result generated from the service provider to the
desired user.
APIs (Application Programming Interfaces) play a crucial role in modern web

development. Here's how they are commonly used:
Integration with Third-Party Services: Many web applications rely on external services
for various functionalities like payment processing, social media sharing, mapping,
weather data, etc. APIs provided by these services allow developers to integrate them
seamlessly into their web applications.
Custom Backend Services: Web developers often build custom backend services to
handle specific functionalities like user authentication, data storage, and processing.
APIs are used to expose these services to frontend applications, allowing them to
communicate and interact with the backend.
Microservices Architecture: In large-scale web development projects, applications are

often broken down into smaller, independent services called microservices. APIs enable
communication between these services, allowing them to work together to fulfill the
requirements of the application.
12
Mobile App Development: APIs are commonly used in mobile app development to
enable communication between the mobile app and the server-side backend. Mobile
apps interact with APIs to retrieve data, perform actions, and sync data with the server.
Data Retrieval and Manipulation: APIs provide a structured way to retrieve data from
databases, external sources, or other web services. This data can be manipulated,
processed, and presented to users through the web application's frontend.
Authentication and Authorization: APIs are used for implementing authentication and
authorization mechanisms in web applications. They allow users to securely log in,
manage their account details, and access restricted resources based on their
permissions.
Webhooks: APIs can be used to set up webhooks, which are HTTP callbacks triggered
by specific events.Webhooks enable real-time communication between different
systems, allowing one system to notify another system about important events or
updates.
RESTful APIs and GraphQL: RESTful APIs and GraphQL are two popular
architectural styles for designing web APIs. RESTful APIs use standard HTTP methods
(GET, POST, PUT, DELETE) to perform CRUD (Create, Read, Update, Delete)
operations on resources. GraphQL provides a more flexible and efficient approach to
data querying, allowing clients to request exactly the data they need.
13
2.5 CODING
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Complete Responsive Personal Portfolio Website Design Tutorial</title>

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/all.min.css">

<link rel="stylesheet" href="style.css">
</head>
<body>

<header>
<div id="menu-bars" class="fas fa-bars"></div>
<nav
class="navbar">
<a href="#home">home</a>
14
<a href="#about">about</a>
<a href="#services">services</a>
<a href="#portfolio">portfolio</a>
<a href="#blogs">blogs</a>
<div id="particles-js"></div>
<div class="content">
<img class="tilt" src="about-pic.jng" alt="">
<h3> SIVA <span>SREE</span> </h3>
<p> i am a <span class="typing-text"> front end developer </span> </p>
<a href="#about" class="btn">about me</a>
</div>
</section>


<section class="about" id="about">
<h1 class="heading"> about <span>me</span> </h1>
<div class="row">
<div class="image">
<img class="tilt" src="img.jpg" alt="">
</div>
15
<h3> my name is <span> durga </span> </h3>
<p class="info">Hi guys, welcome i am a very web developer, graphic

designer</p><div class="box-container">
<div class="box-container">
<div class="box">
<p> <span> age: </span> 20</p>
<p> <span> gender: </span> Female </p>
<p> <span> experience : </span> 1 years </p>
<p> <span> freelance : </span> available </p>
<div class="box tilt">
<i class="fas fa-code"></i>
<h3>web development</h3>
<p>As a web content developer, you curate and develop written and
video content to populate an organization's website.</p>
</div>
<i class="fas fa-paint-brush"></i>
<h3>graphic design</h3>
<p>Graphic design is a craft where professionals create visual content to

communicate messages.</p>
16
</div>
<i class="fas fa-bullhorn"></i>
<h3>seo marketing</h3>

</div>

</div>
<div class="box">
<p> <span> language : </span> Tamil / english </p>
<p> <span> phone : </span> 9099866566</p>
<p> <span> email : </span> durga@gmail.com </p>
<p> <span> address : </span> TamilNadu india - 400104 </p>
</div>
</div>
<a href="#" class="btn">download CV</a>
</div>
</div>
17
</section
>


<section class="services" id="services">
<h1 class="heading"> <span> my </span> services </h1>
<img src="img-1.jpg" alt="">
<h3> blogs title goes here </h3>
<p>welcome guys</p>
<a href="#" class="btn">learn more</a>
</div>
</div>
<div class="box">
<p> <span> email : </span> sivasree@gmail.com </p>
</div>
18
</div>
</div>
</div>
</section>
<p> <span> age: </span> 20</p>
<p> <span> gender: </span> Female </p>
<p> <span> experience : </span> 1 years </p>
<p> <span> freelance : </span> available </p>
<p>hello guys</p>
19
</div>
<div class="row">
<div class="image">
<img class="tilt" src="images/contact-img.svg" alt="">
</div>
<form action="">
<div class="inputBox">
<input type="text" placeholder="name">
<input type="email" placeholder="email">
</div>
<input type="text" placeholder="subject" class="box">
<textarea placeholder="message" name="" id="" cols="30"

rows="10"></textarea>
<input type="submit" class="btn" value="send message">
</form>
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js"></
script>

<script src="particles.min.js"></script>
<script src="app.js"></script>
</div>
<div class="box">
<p> <span> email : </span> sivasree@gmail.com </p>
</div>
</div>
</div>
</div>
</section>
<i class="fas fa-code"></i>

<h3>web development</h3>
<p>As a web content developer, you curate and develop written and video
content to populate an organization's website.</p>
</div>
<i class="fas fa-paint-brush"></i>


</div>
<p>Content marketing is a marketing approach that involves developing and

sharing relevant articles, videos, podcasts, and other material in order to attract, engage,
and keep an audience.</p>
</div>
<i class="fas fa-envelope"></i>
<h3>email marketing</h3>
<p>The email content is a communication sent to a customer, prospect, or

subscriber's inbox using an automation platform, a dedicated email builder, or
personally.</p>
</div>
<i class="fas fa-mobile"></i>
<h3>Responsive designs</h3>
<p>Responsive Web Design (a.k.a. "Responsive" or "Responsive Design") is an

approach to design web content that appears regardless of the resolution governed by
the device</p>
</div>
<i class="fab fa-wordpress"></i>
<h3>wordpress</h3>
<p>All three of these content types, posts, pages, and media elements, are
treated as individual entries in the database and have unique properties to fit their use.
The post is the primary content type in WordPress.
.</p>
</div>
</div>
</section>


<section class="portfolio" id="portfolio">
<h1 class="heading"> <span> my </span> portfolio </h1>

</div>
</div>
</div>
</div>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>


<section class="blogs" id="blogs">
<h1 class="heading"> <span> my </span> blogs </h1>

<p>welcome guys</p>
</div>
<p>hello guys</p>
</div>
<p>hi guys</p>
</div>
</div>
</section>


<section class="contact" id="contact">
<h1 class="heading"> contact <span> me </span> </h1><h3>graphic design</h3>

</div>
<p>Content marketing is a marketing approach that involves developing and

sharing relevant articles, videos, podcasts, and other material in order to attract,
engage, and keep an audience.</p>
</div>
<i class="fas fa-envelope"></i>
<h3>email marketing</h3>
<p>The email content is a communication sent to a customer, prospect,

or subscriber's inbox using an automation platform, a dedicated email builder,
or personally.</p>
</div>
<i class="fas fa-mobile"></i>
<h3>Responsive designs</h3>
<p>Responsive Web Design (a.k.a. "Responsive" or "Responsive
Design") is an approach to design web content that appears regardless of the
resolution governed by the device</p>
</div>
<i class="fab fa-wordpress"></i>
<h3>wordpress</h3>
<p>All three of these content types, posts, pages, and media elements, are
treated as individual entries in the database and have unique properties to fit
their use. The post is the primary content type in WordPress.
.</p><div class="row">
<div class="image">
</div>
<form action="">
<div class="inputBox">
<input type="text" placeholder="name">
<input type="email" placeholder="email">
</div>
<input type="text" placeholder="subject" class="box">
<textarea placeholder="message" name="" id="" cols="30"

rows="10"></textarea>
<input type="submit" class="btn" value="send message">
</form>
</div>
</section>


<div class="footer"> created by <span> mr. web designer </span> | all rights reserved!
</div>


<script src="https://cdnjs.cloudflare.com/ajax/libs/typed.js/2.0.12/typed.min.js"></
script>

<script src="particles.min.js"></script>
<script src="app.js"></script>


<script src="https://cdnjs.cloudflare.com/ajax/libs/vanilla-tilt/1.7.0/vanilla-
tilt.min.js"></script>
<script>
let menu =
document.querySelector('#menu-bars');
let header =
document.querySelector('header');
menu.onclick = () =>{
menu.classList.toggle('fa-
times');
header.classList.toggle('a
ctive');
window.onscroll = () =>{
menu.classList.remove('f
a-times'
header.classList.remove('active');
};
var typed = new Typed('.typing-text', {
strings : ['front end developer', 'web designer', 'graphic designer',
'web developer'], loop : true,
typeSpeed : 150
});
VanillaTilt.init(document.querySelectorAll('.tilt'),
{ max:25
});
</script>
</body>
</html>
import openai
# Set up OpenAI API key

openai.api_key = 'your-api-key'
# Prompt for generating HTML structure

html_prompt = "Generate HTML structure for a webpage with a header, navigation menu,
main content, and footer."
# Generate HTML structure

html_response = openai.Completion.create(
engine="text-davinci-003",
prompt=html_prompt,
max_tokens=100
)
html_structure = html_response.choices[0].text.strip()
# Prompt for generating content

content_prompt = "Generate content for the main section of the webpage."
# Generate content
content_response = openai.Completion.create(
engine="text-davinci-003",
prompt=content_prompt,
max_tokens=200
)
main_content = content_response.choices[0].text.strip()
# Construct the complete HTML page

webpage = f"""
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Generated Webpage</title>
<style>
/* Your CSS styles here */
</style>
</head>
<body>
<header>
<h1>Welcome to My Webpage</h1>
</header>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</nav>
<main>
{main_content}
</main>
<footer>
<p>© 2024 Generated Webpage</p>
</footer>
</body>
</html>
"""
CHAPTER 3
IMPACT OF THE INTERNSHIP
Participating in a web development internship centered on HTML, CSS and JavaScript,

presents a transformative journey of skill acquisition, professional growth, and industry
immersion. As interns delve into the intricacies of front-end development, they navigate
the complexities of code architecture, responsive design, and user interaction, honing
their technical acumen and problem-solving prowess. Through collaborative endeavors
within multidisciplinary teams, interns gain first hand exposure to project management
dynamics, communication strategies, and agile methodologies, fostering adaptability
and teamwork skills essential for real-world success. Moreover, mentorship
opportunities and constructive feedback mechanisms serve as catalysts for continuous
learning and refinement, empowering interns to iterate on their designs, optimize
performance, and embrace emerging best practices. Beyond the confines of coding, the
internship landscape offers a panoramic view of industry trends, market demands, and
user experience principles, equipping interns with a holistic understanding of the digital
ecosystem. By synthesizing theoretical knowledge with practical application, interns
transcend the role of learners, emerging as versatile practitioners poised to navigate the
ever-evolving landscape of web development with confidence, creativity, and
innovation.
PROOF OF COMPLETION

Internship Report

Uploaded by

Document Information

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Internship Report

Uploaded by

Copyright:

Available Formats

AN INTERNSHIP REPORT

In Partial fulfillment for the award of the

SRI SAI RAM INSTITUTE OF TECHNOLOGY

ANNA UNIVERSITY::CHENNAI - 600 025

Dr. S. Rajarajan, Professor Dr. V. Brindha Devi, Professor

Dr. D. Murugaradha Devi, Professor Mrs. Josephine Ruth Fenitha,

Mrs.R. Sanchana, Asst.Prof Mrs.P.Subha, Asst.prof

Dr. K. Anuratha, Assoc.Prof

Submitted for the internship review held on

SECTION COMPANY MODE OF YEAR/

1 KASI INSURANCE OFFLINE III/V&VI

CHAPTER TITLE PAGE NO

FIGURE NO FIGURE NAME PAGE NO

This internship, I embarked on a journey of practical learning and professional growth.

NAME OF THE COMPANY :- KASI INSURANCE CONSULTANCY

We also offer a wide range of internship programs in Computer science aimed at

Title of the Internship : Web Development

Internship Period : 02/05/2023 to 30/06/2023

Mode of Internship : Online

ABOUT THE INTERNSHIP

2.1 WEB DEVELOPMENT

Web application development is focused on developing interactive applications

Content management systems (CMS) development involves the creation of

Performance Optimization: Optimizing website performance by minimizing load times,

HTML (Hypertext Markup Language) is a markup language used to create the

Step 1: Open Notepad (PC) Windows 8 or later:

Open Start > Programs > Accessories > Notepad

Step 3: Save the HTML Page.

JavaScript is a high-level, dynamic programming language that is commonly used for

JavaScript, often abbreviated as JS, is a high-level, interpreted scripting language that

Here’s a brief overview of JavaScript:

Lightweight: JavaScript is designed to be easy to implement and fast to execute within

First-class functions: In JavaScript, functions are treated as first-class citizens, meaning

Prototype-based: JavaScript uses prototypes instead of classical inheritance.

Multi-paradigm: It supports object-oriented, imperative, and declarative (e.g.,

2.3 VISUAL STUDIO CODE

Integrated Terminal: VS Code includes an integrated terminal, allowing developers to run

API full form is an Application Programming Interface that is a collection of

APIs (Application Programming Interfaces) play a crucial role in modern web

Microservices Architecture: In large-scale web development projects, applications are

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Complete Responsive Personal Portfolio Website Design Tutorial</title>

<link rel="stylesheet" href="style.css">

<img class="tilt" src="about-pic.jng" alt="">

<h3> SIVA <span>SREE</span> </h3>

<p> i am a <span class="typing-text"> front end developer </span> </p>

<a href="#about" class="btn">about me</a>

<section class="about" id="about">

<h1 class="heading"> about <span>me</span> </h1>

<img class="tilt" src="img.jpg" alt="">

<h3> my name is <span> durga </span> </h3>

<p class="info">Hi guys, welcome i am a very web developer, graphic

<p> <span> age: </span> 20</p>

<p> <span> gender: </span> Female </p>

<p> <span> experience : </span> 1 years </p>

<p> <span> freelance : </span> available </p>

<div class="box tilt">

<i class="fas fa-code"></i>