A REPORT ON INTERNSHIP TRAINING AT

IMAGIVTTE TECHNOLOGY PRIVATE LIMITED-

TIRUCHENGODE
Submitted in partial fulfilment of the requirement for the degree
of

BACHELOR OF COMPUTER APPLICATIONS

Submitted by

DIVAKARKUMAR B V
Register No:24UCA053
Under the Guidance of

[Link] MCA,[Link];
Assistant Professor DEPARTMENT OF
COMPUTER APPLICATIONS

JULY-2026
 CERTIFICATE

This is to certify that “A REPORT ON INTERNSHIP TRAINING AT IMAGIVITE TECHNOLOGY

PRIVATE LIMITED, TIRUCHENGODE” is a record of the work done by [Link] B
V (24UCA053), submitted in partial fulfilment of the requirements for the award of the degree of
Bachelor of Computer Applications during the academic year 2026–2027

Signature of the Advisor Head of the Department

PERMISSION LETTER
`
 DECLARATION

I hereby declare that the internship report entitled “Internship Training at IMAGIVITE
TECHNOLOGY PRIVATE LIMITED, TIRUCHENGODE” is my original work. No part of this
report has been submitted for the award of any Degree, Diploma, Fellowship, or any other similar
qualification. The work presented in this report has not been published in any Journal or Magazine.

PLACE: TIRUCHENGODE

DATE :

STUDENT

NAME

(24UCA053)
 ACKNOWLEDGEMENT

I would like to express my deep sense of indebtedness to theivathiru LION Dr. [Link],
MJF, Founder and President, [Link] Educational Institutions, Tiruchengode for allowing
me to study in this prestigious institution.

It is my privilege and great pleasure to express my sincere thanks to [Link], Chairman,

[Link] Educational Institutions, Tiruchengode.

I wish to extend my whole-hearted thanks to Mr.K.S SACHIN, VICE CHAIRMAN, [Link]

Educational Institutions, Tiruchengode, for providing me an opportunity to undertake the internship.

I am indebted to [Link] RAJESHKUMAR, [Link], [Link]., Ph.D., Principal,

[Link] College of Arts and Science (Autonomous), Tiruchengode, for permitting me to
undertake this internship work.

I wish to place and record my thankfulness to Dr. J. RAMESH., MCA, [Link]., Ph.D., Assistant
Professor & Head, Department of BCA UG, [Link] College of Arts and Science
(Autonomous), Tiruchengode, for permitting me to undertake this internship work.

I would like to extend my sincere thanks to [Link],MCA.,[Link]., Assistant Professor,

Department of BCA, K.S. Rangasamy College of Arts and Science (Autonomous), Tiruchengode, for
her valuable guidance, constant encouragement, and support throughout the internship.
 Table of contents
[Link] Title [Link]

1 Company Overview 1

2 Introduction to Web Development 2

3 HTML 3

4 CSS 6

5 JavaScript 9

6 React and Vite 12

7 Firebase 15

8 EmailJS 18

9 Project Overview 20

10 Project – Personal Portfolio Website 21

11 Tools And Technologies Used 25

12 Skills Learned During Internship 27

13 Challenges Faced During Internship 28

14 Larning Outcome 29

15 Conclusion 30
 1. COMPANY OVERVIEW

Imagivite Technology Private Limited is an IT solutions company based in Tiruchengode, Tamil

Nadu, specializing in web development, mobile application development, UI/UX design, and digital technology
solutions. The company focuses on building innovative, scalable, and user-friendly software products while
helping businesses transform their ideas into modern digital solutions.

The company develops custom web applications, responsive websites, and mobile applications using
modern technologies and development practices. Along with software development services, Imagivite also
works on its own technology products and emphasizes quality, innovation, and customer satisfaction.

During my internship at Imagivite Technology Private Limited, I received practical training in modern
web development technologies such as HTML, CSS, JavaScript, React (Vite), Firebase Authentication,
Cloud Firestore, and EmailJS. I worked on projects including a Personal Portfolio Website and a Login &
Registration System, which helped me gain hands-on experience in frontend development, user authentication,
cloud database integration, and responsive web design.

The internship provided valuable exposure to real-world development practices and enhanced my
technical knowledge, problem-solving abilities, and teamwork skills. It also strengthened my confidence in
developing modern, secure, and user-friendly web applications.

1
 [Link] to Web Development

2.1 Introduction

Web development is the process of designing, building, and maintaining websites and web
applications that can be accessed through the internet. It involves creating websites that are not only
visually attractive but also responsive, interactive, and easy to use. Today, web development plays
an important role in many industries, including education, healthcare, banking, e-commerce, and
entertainment.

A web application is generally divided into two main parts: Front-end and Back-end. The
front-end is the part that users see and interact with, while the back-end is responsible for handling
data, user authentication, databases, and server-side operations. Both parts work together to provide
a smooth and secure user experience.

Modern web development uses various technologies such as HTML, CSS, JavaScript,
React, Firebase, and EmailJS to create dynamic and responsive web applications. These
technologies help developers build websites that are fast, secure, and user-friendly.

During my internship, I learned the fundamentals of web development through both

theoretical concepts and practical implementation. I worked with HTML, CSS, JavaScript, React
(Vite), Firebase Authentication, Cloud Firestore, and EmailJS to develop real-world
projects. I built a Personal Portfolio Website and a Login & Registration System, which helped
me understand responsive web design, component-based development, user authentication, cloud
database integration, and third-party service integration.

This internship provided me with valuable practical experience and improved my technical
knowledge, problem-solving skills, and confidence in developing modern web applications. It also
gave me a better understanding of the complete web development process, from designing the user
interface to implementing authentication and deploying functional web applications.

2
 3. HTML (HyperText Markup Language)

3.1 Introduction

HTML (HyperText Markup Language) is the standard markup language used to create the
structure of web pages. It is the foundation of every website and defines how different elements
such as text, images, links, tables, forms, and multimedia are displayed in a web browser. HTML is
not a programming language; instead, it uses tags to organize and structure webpage content.

During my internship, HTML was the first technology I learned. It helped me understand
how websites are built and how different sections of a webpage are arranged. I used HTML to create
the basic structure of my projects, including the Personal Portfolio Website and the Login &
Registration pages.

3.2 Features of HTML

The main features of HTML are:

 Simple and easy to learn.

 Platform-independent and supported by all modern web browsers.
 Provides the basic structure of web pages.
 Supports text, images, audio, video, tables, and forms.
 Works smoothly with CSS and JavaScript.
 Supports semantic elements that improve readability and accessibility.

3.3 Basic Structure of an HTML Document

Every HTML document follows a standard structure. It begins with the <!DOCTYPE
html> declaration, followed by the <html> element. The <head> section contains information
about the webpage such as the title, metadata, and links to external CSS files. The <body> section
contains all the visible content that appears on the webpage.

Understanding this structure helped me create well-organized and properly formatted web pages during
my internship.

3
 3.4 Common HTML Tags

During my internship, I frequently used the following HTML tags:

 <h1> to <h6> – Used for headings.

 <p> – Used to create paragraphs.
 <a> – Used to create hyperlinks.
 <img> – Used to display images.
 <div> – Used to divide different sections of a webpage.
 <span> – Used for inline content.
 <ul> and <ol> – Used to create lists.
 <table> – Used to display data in tabular form.
 <form> – Used to create forms.
 <input> – Used to accept user input.
 <button> – Used to create buttons.

These tags helped me build structured and user-friendly web pages.

3.5 HTML Forms

HTML forms are used to collect information from users. During my internship, I used
HTML forms to create Login, Registration, and Contact pages. The forms included input fields such
as name, email, password, and message. These forms were later connected with Firebase
Authentication and EmailJS to provide complete functionality.

3.6 Use of HTML During My Internship

During my internship, I used HTML to build the layout and structure of my web
applications. I created different sections for my Personal Portfolio Website, including the Home,
About, Skills, Projects, and Contact pages. I also designed the Login and Registration forms that
were later integrated with Firebase Authentication. Working with HTML gave me a strong
understanding of webpage structure and prepared me for learning CSS, JavaScript, and React.

3.7 Advantages of HTML

Some advantages of HTML are:

4
  Easy to learn and implement.
 Free and open standard.
 Supported by all web browsers.
 Provides the foundation for every website.
 Easy to integrate with CSS, JavaScript, and modern frameworks.
 Helps create well-structured web pages.

3.8 Learning Outcome

Through this internship, I learned how to use HTML to create structured and responsive web
pages. I gained practical experience in designing forms, adding images, creating navigation links,
and organizing webpage content. This knowledge became the foundation for developing modern
web applications using CSS, JavaScript, React, and Firebase.

3.9 Conclusion

HTML is the foundation of web development and the first step in creating any website.
During my internship, learning HTML helped me understand how web pages are structured and how
different webpage elements work together. It provided a strong base for learning advanced frontend
technologies and developing modern web applications.

5
 4. CSS (Cascading Style Sheets)
4.1 Introduction

CSS (Cascading Style Sheets) is a stylesheet language used to control the appearance and
layout of web pages. While HTML provides the structure of a webpage, CSS is responsible for its
design, including colors, fonts, spacing, layouts, and animations. It helps create attractive and
responsive websites that provide a better user experience.

During my internship, I learned how to use CSS to improve the appearance of web pages. I applied
different styling techniques while developing my projects, which helped me create clean,
responsive, and visually appealing user interfaces.

4.2 Features of CSS

CSS provides several useful features that make web development easier and more efficient. Some of
the important features are:

 Separates design from HTML structure.

 Improves the appearance of web pages.
 Supports responsive web design.
 Reduces code duplication.
 Makes websites easier to maintain.
 Supports animations and transition effects.
 Compatible with all modern web browsers.

4.3 Types of CSS

There are three ways to apply CSS to a webpage:

Inline CSS

Inline CSS is written directly inside an HTML element using the style attribute. It is
mainly used for applying styles to a single element.

Internal CSS

Internal CSS is written inside the <style> tag within the <head> section of an
HTML document. It is useful when styling a single webpage.

6
 External CSS

External CSS is written in a separate .css file and linked to the HTML document. This is
the most commonly used method because it keeps the code organized and allows the
same stylesheet to be used on multiple web pages.

4.4 Common CSS Properties

During my internship, I frequently used the following CSS properties:

 color – Changes the text color.

 background-color – Sets the background color.
 font-size – Changes the text size.
 font-family – Changes the font style.
 margin – Adds space outside an element.
 padding – Adds space inside an element.
 border – Adds a border around an element.
 display – Controls how elements are displayed.
 flex – Creates flexible layouts.
 grid – Creates structured page layouts.
 border-radius – Creates rounded corners.
 box-shadow – Adds shadow effects.

4.5 Responsive Design

Responsive design is one of the most important concepts in modern web development. It
ensures that a website looks good and functions properly on different devices such as desktops,
tablets, and mobile phones.

During my internship, I used Flexbox, CSS Grid, and Media Queries to make my web
pages responsive so that they could adapt to different screen sizes.

4.6 Use of CSS During My Internship

During my internship, I used CSS while developing my Personal Portfolio Website and
Login & Registration System. CSS helped me design responsive layouts, style buttons,
navigation bars, forms, cards, and other user interface elements. I also added hover effects,
spacing, typography, and color combinations to improve the overall appearance of the
applications.
7
4.7 Advantages of CSS

The advantages of CSS include:

 Makes websites attractive and professional.

 Improves user experience.
 Reduces repetitive code.
 Easy to maintain and update.
 Supports responsive web design.
 Works efficiently with HTML and JavaScript.

4.8 Learning Outcome

Through my internship, I learned how to use CSS to create responsive and visually
appealing web pages. I gained practical experience in designing layouts, styling forms, using
Flexbox and Grid, and applying responsive design techniques. These skills helped me build
modern and user-friendly web applications.

4.9 Conclusion

CSS is an essential part of front-end web development. It enhances the appearance of web
pages and improves the overall user experience. During my internship, working with CSS
strengthened my design skills and helped.

8
 5. JavaScript
5.1 Introduction

JavaScript is a programming language used to make web pages interactive and dynamic.
While HTML is used to create the structure of a webpage and CSS is used for styling, JavaScript
adds functionality such as form validation, button actions, animations, and dynamic content
updates. It plays an important role in modern web development and is widely used in both
frontend and backend applications.

During my internship, I learned the fundamentals of JavaScript and applied them while
developing web applications. It helped me understand how websites respond to user actions and
how interactive features are implemented.

5.2 Features of JavaScript

Some of the important features of JavaScript are:

 Easy to learn and widely used.

 Adds interactivity to web pages.
 Works in all modern web browsers.
 Supports event handling and DOM manipulation.
 Can be integrated with HTML and CSS.
 Forms the foundation of modern frameworks such as React.

5.3 Basic Concepts of JavaScript

During my internship, I learned the following JavaScript concepts:

 Variables (let, const, and var)

 Data Types
 Operators
 Conditional Statements (if, else, and switch)
 Loops (for and while)
 Functions
 Arrays
 Objects
 Events

9
  DOM Manipulation

These concepts helped me understand how JavaScript is used to build dynamic and interactive web
applications.

5.4 DOM Manipulation

The Document Object Model (DOM) allows JavaScript to access and modify HTML
elements. By using DOM manipulation, developers can change text, update styles, display or hide
elements, and respond to user interactions without reloading the webpage.

During my internship, I used DOM manipulation to update webpage content and improve
user interaction.

5.5 Event Handling

Event handling allows JavaScript to perform actions when users interact with a webpage.
Common events include button clicks, form submissions, keyboard input, and mouse movements.

During my internship, I used events such as click, submit, and change while creating
forms and interactive web pages.

5.6 Use of JavaScript During My Internship

During my internship, I used JavaScript to add functionality to my projects. It was used for
form validation, handling user input, navigation, and improving the overall user experience.
JavaScript also helped me understand the concepts required for developing applications using
React.

5.7 Advantages of JavaScript

The advantages of JavaScript are:

 Makes web pages interactive.

 Improves user experience.
 Executes directly in the browser.
 Easy to integrate with HTML and CSS.
 Supports modern frameworks and libraries.
 Reduces the need to reload web pages.

10
5.8 Learning Outcome

hrough my internship, I gained practical knowledge of JavaScript and learned how to

create interactive web applications. I improved my understanding of programming concepts, event
handling, DOM manipulation, and form validation. This knowledge helped me build dynamic web
applications and prepared me for learning React.

5.9 Conclusion

JavaScript is an essential technology in modern web development. It transforms static web

pages into interactive applications and enhances the overall user experience. During my internship,
learning JavaScript strengthened my programming skills and helped me build responsive and user-
friendly web applications.

11
 6. React and Vite
6.1 Introduction

React is a popular JavaScript library used for building modern and interactive user
interfaces. It allows developers to create web applications using reusable components, making the
code more organized, efficient, and easier to maintain. React is widely used for developing Single
Page Applications (SPAs) because it provides a fast and smooth user experience.

Vite is a modern frontend development tool that simplifies the process of creating React
applications. It offers a fast development server, quick project setup, and Hot Module Replacement
(HMR), allowing developers to see changes instantly without refreshing the entire webpage.

During my internship, I used React with Vite to develop responsive and interactive web
applications. Working with these technologies helped me understand component-based
development and modern frontend practices.

6.2 Features of React

Some of the important features of React are:

 Component-based architecture.
 Reusable components.
 Virtual DOM for better performance.
 One-way data flow.
 Easy integration with JavaScript.
 Simple and efficient user interface development.

6.3 Components in React

A React application is built using components. Each component represents a specific part
of the user interface, such as the navigation bar, home section, about section, project cards, or
contact form. Components can be reused throughout the application, which reduces code
duplication and makes the project easier to maintain.

12
6.4 JSX

JSX (JavaScript XML) is a syntax used in React that allows HTML-like code to be written
inside JavaScript. It makes the code easier to read and helps developers create user interfaces more
efficiently.

6.5 React Hooks

During my internship, I learned the basic React Hooks:

 useState – Used to store and update data within a component.

 useEffect – Used to perform actions such as loading data or executing code when a
component is rendered.

These hooks helped me build interactive and dynamic web pages.

6.6 Introduction to Vite

Vite is a modern build tool that provides a faster development experience compared to
traditional frontend tools. It quickly creates React projects, starts the development server in a few
seconds, and instantly updates changes in the browser using Hot Module Replacement (HMR).
This improved my productivity during project development.

6.7 Features of Vite

The main features of Vite are:

 Fast project setup.

 Instant development server startup.
 Hot Module Replacement (HMR).
 Optimized production builds.
 Easy integration with React.
 Lightweight and developer-friendly.

13
6.8 Use of React and Vite During My Internship

During my internship, I used React and Vite to develop my Personal Portfolio Website
and a Login & Registration System. I created reusable components for different sections such as
Home, About, Skills, Projects, and Contact. Vite helped me set up the project quickly and made
development easier by instantly reflecting code changes in the browser.

Working with React also improved my understanding of component-based architecture,

state management, and modern frontend development practices.

6.9 Advantages of React and Vite

The advantages of using React with Vite include:

 Faster application development.

 Reusable and organized code.
 Better application performance.
 Easy project maintenance.
 Improved developer experience.
 Suitable for modern web applications.

6.10 Learning Outcome

Through my internship, I learned how to build responsive web applications using React
and Vite. I gained practical experience in creating reusable components, managing application
state, using React Hooks, and developing fast and interactive user interfaces. These technologies
improved my frontend development skills and prepared me to build real-world web applications.

6.11 Conclusion

React and Vite provide a powerful environment for developing modern web applications.
During my internship, using these technologies helped me create responsive, interactive, and well-
structured projects. This experience strengthened my knowledge of frontend development and
improved my confidence in building professional web applications

14
 7. Firebase
7.1 Introduction

Firebase is a cloud-based platform developed by Google that provides backend services for
web and mobile applications. It offers various features such as Authentication, Cloud Firestore,
Cloud Storage, Hosting, and Analytics. These services help developers build secure and scalable
applications without creating a complete backend from scratch.

During my internship, I used Firebase in my React (Vite) project to implement user

authentication and manage user data. Firebase simplified the development process by providing
ready-to-use backend services.

7.2 Features of Firebase

Some of the important features of Firebase are:

 Cloud-based backend services.

 Secure user authentication.
 Cloud Firestore database.
 Real-time data synchronization.
 Easy integration with React applications.
 Scalable and reliable platform.
 Reduces backend development effort.

7.3 Firebase Authentication

Firebase Authentication is a service that allows users to register and log in securely. It
supports multiple authentication methods such as Email and Password, Google Sign-In, and Phone
Authentication.

During my internship, I implemented Email and Password Authentication in my Login

and Registration System. I configured Firebase Authentication in my project and enabled the
Email/Password sign-in method. Users could create an account by entering their name, email
address, and password. After successful registration, they were able to log in using the same
credentials.

15
 Firebase verified the user information and displayed appropriate success or error messages
based on the authentication result. This helped me understand how secure authentication works in
modern web applications.

7.4 Cloud Firestore

Cloud Firestore is a cloud-based NoSQL database provided by Firebase. It stores data in

collections and documents, making it easy to organize and manage application data.

During my internship, I used Cloud Firestore to store user information after successful
registration. Details such as the user's name and email address were stored securely in the
database. This allowed me to understand how cloud databases are integrated with frontend
applications and how data can be stored and retrieved efficiently.

7.5 Use of Firebase During My Internship

During my internship, I used Firebase to build a secure Login and Registration System. The
following tasks were completed using Firebase:

 Configured Firebase in a React (Vite) project.

 Implemented Email and Password Authentication.
 Developed Login and Registration pages.
 Stored user information in Cloud Firestore.
 Displayed authentication success and error messages.
 Connected Firebase services with the React application.

These activities gave me practical experience in integrating cloud-based backend services into a web
application.

7.6 Advantages of Firebase

The advantages of Firebase include:

 Easy to integrate with web applications.

 Provides secure authentication.
 Offers cloud-based database services.
 Reduces backend development time.
 Scalable and reliable platform.
 Suitable for modern web application development.

16
7.7 Learning Outcome

Through my internship, I learned how to integrate Firebase with a React application and
use Firebase Authentication and Cloud Firestore effectively. I gained practical experience in
creating secure Login and Registration systems, storing user information in the cloud database,
and handling authentication and database operations.

7.8 Conclusion

Firebase played an important role in the development of my Login and Registration

System. By using Firebase Authentication and Cloud Firestore, I was able to build a secure and
reliable application without developing a separate backend. This experience improved my
understanding of cloud-based services and strengthened my practical web development skills.

17
 8. EmailJS
8.1 Introduction

EmailJS is a service that allows developers to send emails directly from a web application
without creating a backend server. It connects the frontend application with an email service,
making it possible to send messages through a contact form. This simplifies the process of
implementing email functionality in web applications.

During my internship, I used EmailJS in my Personal Portfolio Website to create a fully

functional Contact Form. It enabled visitors to send messages directly from the website to my
email address.

8.2 Features of EmailJS

Some of the important features of EmailJS are:

 Sends emails directly from the frontend.

 No backend server is required.
 Easy integration with React applications.
 Supports custom email templates.
 Secure API-based communication.
 Fast and reliable email delivery.

8.3 Working of EmailJS

EmailJS works by connecting a web application with an email service. Developers need to
create an EmailJS account, configure an email service, create an email template, and use the
Service ID, Template ID, and Public Key in the application.

When a user submits the contact form, the entered information is sent to EmailJS, which
then forwards the email to the configured email address.

8.4 Use of EmailJS During My Internship

During my internship, I integrated EmailJS into the Contact section of my Personal

Portfolio Website. I designed a contact form where users could enter their name, email address,
subject, and message.
18
 When the user clicked the Send Message button, the form data was sent through EmailJS
and delivered directly to my email inbox. I also implemented success and error messages to inform
users whether the email had been sent successfully or if an error had occurred.

This implementation gave me practical experience in integrating third-party services into a

React application without developing a backend.

8.5 Advantages of EmailJS

The advantages of EmailJS include:

 No backend development is required.

 Easy to integrate with React applications.
 Secure email delivery.
 Supports customizable email templates.
 Saves development time.
 Suitable for contact and feedback forms.

8.6 Learning Outcome

Through my internship, I learned how to integrate EmailJS into a React application and
connect it with a contact form. I gained practical experience in configuring email services, creating
templates, sending emails directly from the frontend, and handling success and error responses.
This improved my understanding of third-party API integration in web development.

8.7 Conclusion

EmailJS made it simple to implement email functionality in my Personal Portfolio Website

without using a backend server. It helped me create a fully functional Contact Form and enhanced my
practical knowledge of integrating external services into modern web applications.

19
 9: Project Overview
9.1 Project Overview

During my internship, I developed a Personal Portfolio Website to showcase my profile,

technical skills, projects, and contact information in a professional manner. The main objective of
this project was to apply the web development concepts I learned during my internship and create
a responsive, interactive, and user-friendly website.

The website was developed using React (Vite) for the frontend, HTML for structuring the
content, CSS for styling, and JavaScript for adding interactivity. I integrated EmailJS to
implement a contact form, allowing visitors to send messages directly to my email without
requiring a backend server.

The portfolio website consists of multiple sections, including Home, About, Skills,
Projects, and Contact. Each section is designed to provide detailed information about my
educational background, technical skills, internship experience, and personal projects. The website
is fully responsive and provides a smooth user experience across desktops, tablets, and mobile
devices.

Developing this project helped me improve my understanding of component-based

development using React, responsive web design, state management, and third-party service
integration. It also enhanced my ability to build modern web applications with a clean and
attractive user interface.

20
 10. Project – Personal Portfolio Website
10.1 Introduction

During my internship, I developed a Personal Portfolio Website as my major project. The purpose
of this project was to create a professional online portfolio that showcases my profile, educational
background, technical skills, projects, and contact information. The website serves as a digital
platform where visitors can learn more about me and explore my work.

The project was developed using HTML, CSS, JavaScript, React (Vite), and EmailJS. After
completing the development, I deployed the website on Vercel, making it accessible online from
anywhere.

10.5 Project Modules

Home

The Home page introduces visitors to my portfolio. It contains a welcome message, navigation
menu, and a brief introduction.

21
About

The About section provides information about my educational background, career objective, and
personal profile.

Skills

This section displays my technical skills, programming languages, frameworks, and tools that I
learned during my internship.

22
Projects

The Projects section showcases the projects I developed along with a short description and the
technologies used.

Contact

The Contact section contains a contact form where users can enter their name, email address,
subject, and message. EmailJS is integrated with this form to send messages directly to my email.

23
10.7 Features of the Project

 Responsive design for all devices.

 Clean and modern user interface.
 Easy navigation.
 Reusable React components.
 Contact form integrated with EmailJS.
 Fast loading with Vite.
 Mobile-friendly design.
 Live deployment using Vercel.
 Portfolio Link : my-portfolio

24
 11. Tools and Technologies Used
11.1 Introduction

During my internship, I used various tools and technologies to design, develop, test, and deploy web
applications. These technologies helped me understand the complete web development process,
from creating the user interface to deploying the application online. Each tool played an important
role in the successful development of my Personal Portfolio Website.

11.2 HTML

HTML (HyperText Markup Language) was used to create the basic structure of the website. It was
used to develop web pages by organizing content such as headings, paragraphs, images, buttons, and
forms.

11.3 CSS

CSS (Cascading Style Sheets) was used to design and style the website. It helped create an attractive
layout, improve readability, and make the website responsive across different screen sizes.

11.4 JavaScript

JavaScript was used to add interactivity and dynamic functionality to the website. It was used for
handling user interactions, form validation, and improving the overall user experience.

11.5 React (Vite)

React was used to build the user interface using reusable components. Vite was used as the
development tool to create and run the React application efficiently. It provided fast project setup,
quick compilation, and Hot Module Replacement (HMR), which improved the development
experience.

11.6 EmailJS

EmailJS was integrated into the Contact section of the portfolio website. It allowed visitors to send
messages directly to my email without requiring a backend server. This helped me understand third-
party API integration in web applications.

25
11.7 Visual Studio Code

Visual Studio Code was used as the primary code editor throughout the internship. It provided
useful features such as syntax highlighting, debugging support, IntelliSense, and extensions that
made coding easier and more efficient.

11.8 Vercel

Vercel was used to deploy and host the Personal Portfolio Website. It allowed me to publish the
website online and automatically updated the live website whenever changes were pushed to the
GitHub repository. This gave me practical experience in deploying modern web applications.

11.9 Google Chrome

Google Chrome was used for testing, debugging, and verifying the responsiveness of the website
during development. The browser's Developer Tools helped identify and resolve layout and
functionality issues.

11.10 Summary of Tools and Technologies

Tool / Technology Purpose
HTML Creating the structure of web pages
CSS Designing and styling the website
Adding interactivity and dynamic
JavaScript
functionality
Building reusable user interface
React
components
Vite Fast development and build tool for React
EmailJS Sending emails through the contact form
Visual Studio
Writing and managing source code
Code
Vercel Hosting and deploying the website
Google Chrome Testing and debugging the application

12. Skills Learned During Internship

26
 During my internship, I gained practical knowledge of modern web development by
working with technologies such as HTML, CSS, JavaScript, React (Vite), and EmailJS. I
learned how to create responsive and user-friendly web pages, develop reusable React
components, and integrate third-party services to add functionality to web applications. I also
improved my understanding of frontend development and responsive web design.

In addition to technical skills, I enhanced my problem-solving, debugging, and logical

thinking abilities by working on real-world tasks. Developing my Personal Portfolio Website
helped me understand the complete development process, from designing and coding to testing
and deploying the application on Vercel.

Overall, the internship provided valuable hands-on experience and increased my

confidence in building modern web applications. It strengthened both my technical and
professional skills, preparing me for future academic projects and career opportunities in web
development.

27
 13. Challenges Faced During Internship

During my internship, I faced several challenges while learning new technologies such as
React, Vite, and EmailJS and applying them in a real-world project. One of the main difficulties
was understanding React's component-based architecture and creating a responsive user interface
that worked well on different screen sizes. I also faced challenges while integrating the EmailJS
service with the contact form and deploying the website on Vercel for the first time.

These challenges helped me improve my problem-solving and debugging skills. By

referring to official documentation, practicing regularly, and receiving guidance from my mentor, I
was able to overcome these issues successfully. As a result, I gained practical experience in
modern web development and became more confident in developing, testing, and deploying
responsive web applications.

14. Learning Outcomes

28
 The internship provided me with valuable practical experience in modern web
development and helped me apply the theoretical concepts learned during my academic studies. I
gained hands-on knowledge of HTML, CSS, JavaScript, React (Vite), EmailJS, and Vercel,
which enabled me to design, develop, and deploy responsive web applications. Working on a real-
world project improved my understanding of frontend development and modern development
practices.

Throughout the internship, I enhanced my technical skills, problem-solving ability,

debugging techniques, and confidence in building professional web applications. The experience
also improved my time management, self-learning, and communication skills. Overall, this
internship played an important role in strengthening my practical knowledge and preparing me for
future academic projects and career opportunities in the field of web development.

Chapter 15: Conclusion

29
 The internship was a valuable learning experience that provided me with practical exposure
to modern web development technologies and real-world project development. During this
internship, I learned and applied HTML, CSS, JavaScript, React (Vite), EmailJS, and Vercel to
develop a responsive Personal Portfolio Website. This experience helped me bridge the gap
between theoretical knowledge and practical implementation.

Overall, the internship enhanced my technical knowledge, problem-solving abilities, and

confidence in developing web applications. It also improved my understanding of the complete
software development process, from designing and coding to testing and deployment. The skills
and experience gained during this internship will be beneficial for my future academic projects and
professional career in the field of web development.

30