INTERNSHIP REPORT

A report submitted in partial fulfilment of the requirements for the Award of Degree of

BACHELOR OF ENGINEERING
in

COMPUTER SCIENCE ENGINEERING

By

M.ANANTHA MAHADEVAN
Reg no: 911521104003

Under Supervision of

MS. MONISHA

(Brainery spot technology),coimbatore.

(Duration:05.07.2024 to 05.08.2024)

DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING

MOHAMED SATHAK ENGINEERING COLLEGE
(An Autonomous Institution)

KILAKARAI (RAMANATHAPURAM
DISTRICT),TAMILNADU
(2021 – 2025)
EHWRJH
 DEPARTMENT OF COMPUTER SCIENCE AND ENGINEERING
MOHAMED SATHAK ENGINEERING COLLEGE
(An Autonomous Institution)

CERTIFICATE

This is to certify that the ― Internship report” submitted by M.ANANTHA

MAHADEVAN (Reg No: 911521104003) is work done by him and submitted
during 2021 – 2025 academic year, in partial fulfilment of the requirements
for the award of the degree of BACHELOR OF ENGINEERING in
COMPUTER SCIENCE AND ENGINEERING, at
Brainery spot technology , coimbatore.

Dr.T. Sheik yousuf

M.E., Ph.D.
Head of the Department
(Department of CSE)

\
\
 ACKNOWLEDGEMENT
We thank God Almighty for giving us an opportunity to study in this prestigious
institution Mohamed Sathak Engineering College which provided us tremendous facilities and
support.
We are highly indebted to Our Chairman Alhaj S.M.Mohamed Yousuf, Mohamed
Sathak Trust Chennai, whose complete inspiration and motivation helped us throughout the
course of this project.
We undergo much tribute to express our sincere gratefulness to our Principal Dr. V.Nirmal
Kannan M.E.,Ph.D Mohamed Sathak Engineering College, Kilakarai, for making the resources
available at right time and providing valuable insights leading to the successful completion of
this project.
We take this opportunity to express our profound gratitude and deep regards to Our Head
of the Department Dr.T.Sheik Yousuf M.E(CSE)., M.Tech(IT)., Ph.D., Department of
Computer Science and Engineering for his exemplary guidance, monitoring and constant
encouragement throughout the course of this project.
We also extend our gratitude to the Internship Coordinators Mr.S.Faizal Mukthar
Hussain M.Tech.,(Ph.D) and Ms.S.Shantinidevi M.E.,(Ph.D) Department of Computer
Science and Engineering for their critical advice and guidance without which this project would
not have been possible.
We are sincerely grateful to our (MS. MONISHA Senior Web Developer ,Web
Development, Brainary Spot Technology ,Coimbatore) for sharing his truthful and
illuminating views on a number of issues related to this project.
We also thank all other Faculty members and Supporting Staff of Department of Computer
Science and Engineering for their support and encouragement.
We wish to express a sense of gratitude to our friends and our beloved parents for their
manual support, strength and help and for everything.
We take this opportunity to express our gratitude to the people who have been instrumental
for successful completion of this project.

M Anantha Mahadevan
Reg No;9111521104003
OFFER LETTER
INTERNSHIP CERTIFICATE
SUMMARY

INCHARGE Ms.monisha

Senior developer ,brainery spot

technology,Coimbatore

1. Dhinesh kumar R
STUDENTDETAILS
2. Sanjeevi raman T

3. Anantha Mahadevan M

INTERNPERIOD 05.08.2024 to 05.09.2024

SPECIALISATION Web Development

To learn about Operations in web development

OBJECTIVE
Table of Contents

1.Introduction
2.Objective of the Internship
3. Profileof the organization
4.Week-by-Week Progress
 Week 1: Introduction to Front-End
Development
 Week 2: HTML & CSS Fundamentals
 Week 3: JavaScript Basics
 Week 4: creating a application
 Week 5: Final Project & Integration
5.Skills Acquired
6.Challenges Faced
7.Conclusion
 1. Introduction

Brainery spot technology. has provided 5week Industrial Internship

Program – 2024 on the Domain - Web Development. The initial phase
of the internship program was designed to provide interns with a solid
foundation in essential skills and knowledge areas crucial for success in
the field of technology. Throughout the phase, interns engaged in hands-
on activities focused on architecture design, package installations, and
programming fundamentals. By applying the academic learnings to real-
world problems, gained practical experience and insight into industry
best practices. The interns were given projects to complete at the end of
the internship on a variety of different topics in order for fulfilment of
the internship.

The ever-expanding world of web development offers a dynamic and

challenging environment where creativity meets functionality. This
internship at Brainery spot technology. provided me with the
opportunity to delve into this captivating field, focusing on the practical
application of various web development tools and technologies.
Through the development of four distinct projects, I gained a strong
foundation in the core principles of web design and programming,
allowing me to translate ideas into interactive and user-centric web
experiences.
2. Objective of the Internship

The primary objectives of this internship were:

 To gain practical experience in web development.
 To apply theoretical knowledge to real-world projects.
 To understand the end-to-end process of developing and deploying
a web application
 To deepen my understanding of JavaScript, from basic syntax to
advanced features like asynchronous programming and concept.
 To learn how to create responsive web designs that work
efficiently across a variety of devices, including desktops, tablets,
and smartphones.
 To understand techniques for optimizing the performance of web
pages, including reducing load times and improving overall
efficiency.
 To develop the ability to identify, debug, and solve common front-
end issues, improving my overall problem-solving skills.
 To experience working in a professional team setting, learning how
to communicate effectively with team members, and contribute to
collaborative projects.
3. Profile of the organization

During my internship, I had the pleasure of working with Brainery

spot technologya leading start - up company in India. It will focus on
creating and hosting weband Android applications, catering to the
diverse needs of their clients. Their core missionlies in fostering a
collaborative environment where they connect with users throughout
thedevelopment process. This ensures that the final product aligns
perfectly with the end goalenvisioned by the client.

It doesn't solely focus on delivering exceptional service to their

clients. They arealso dedicated to nurturing the next generation of tech
talent. Their internship program provides students with valuable hands-
on experience in various web development domainincluding web
design, Java development, and cloud computing. This commitment toup
skilling the students.
In conclusion, my internship at Brainery spot technology proved to
beanvaluableexperience in web development. Through the development
of four distinct web applications calculator, to-do list - I gained a
comprehensive understanding of the core principles involved in web
development using HTML,CSS, and JavaScript. This hands-on
experience allowed me to effectively translate ideas intofunctional and
user-friendly web applications. The internship not only solidified
my foundation knowledge but also fostered my ability to approach
projects with a structured methodologyencompassing planning,
development, testing, and deployment. Moving forward, I
am confidentin my ability to leverage these newfound skills and explore
more complex web development project.
4. Week-by-Week Progress
Week 1: Introduction to Front-End Development

The first week focused on getting acquainted with the basics of

front-end development. I learned about the structure of web
applications, the role of the front-end, and the key technologies used.
This week also involved setting up the development environment and
familiarizing myself with the tools and version control systems used by
the company.
Tasks Completed:
 Development Environment Setup: Installed and configured
necessary tools like Visual Studio Code, Git, and Node.js.
 Version Control: Gained practical experience with Git, including
branching, committing, and pushing code to a remote repository.
 HTML & CSS Review: Refreshed knowledge of HTML
elements, CSS selectors, and the box model.
 Introduction to JavaScript: Briefly explored basic JavaScript
concepts to prepare for deeper study in the following weeks.
Key Learnings:

 Understanding the separation of concerns in web development

(HTML for structure, CSS for styling, JavaScript for behavior).
 Importance of version control in collaborative projects.
 Initial exposure to coding standards and best practices used in the
company.
Week 2: HTML & CSS Fundamentals
In the second week, I focused on HTML and CSS, the building blocks
of front-end development. I learned how to structure web content using
HTML and style it using CSS. This week included tasks like creating
responsive layouts, understanding the box model, and using CSS grids
and flexbox for layout management.

Tasks Completed:
 Semantic HTML: Created web pages using semantic HTML
elements like <header>, <footer>, <article>, and <section>.
 Responsive Design: Implemented responsive layouts using media
queries and CSS Grid/Flexbox, ensuring the design was mobile-
friendly.
 CSS Frameworks: Gained hands-on experience with CSS
frameworks such as Bootstrap, which helped streamline the styling
process.
 Accessibility: Learned about web accessibility guidelines
(WCAG) and implemented features like alt text for images and
ARIA landmarks for better screen reader compatibility.

Key Learnings:
 The significance of semantic HTML in improving SEO and
accessibility.
 Effective use of CSS Grid and Flexbox for creating complex,
responsive layouts.
 Best practices for ensuring web accessibility and making content
available to all users.
Week 3: JavaScript Basics
The third week was dedicated to deepening my understanding of
JavaScript, the programming language that adds interactivity to web
pages. I learned how to manipulate the Document Object Model
(DOM), handle events, and create dynamic content.
Tasks Completed:
 DOM Manipulation: Practiced selecting and modifying HTML
elements using JavaScript, including changing styles and content
dynamically.
 Event Handling: Implemented various event listeners (e.g., click,
hover, submit) to respond to user actions, enhancing interactivity.
 Form Validation: Created basic form validation scripts to ensure
that user inputs met specified criteria before submission.
 JavaScript Debugging: Learned debugging techniques using
browser developer tools, including setting breakpoints and
inspecting variables.
Key Learnings:
 The power of JavaScript in making web pages interactive and user-
friendly.
 Understanding event-driven programming and how to effectively
handle user interactions.
 Importance of validating user input to ensure data integrity.
 Run a simple script program which gets input value from the user.
Week 4: create a application

In this week of my internship at Brainery spot technology focused on

creating a basic calculator application. This project delved deeper
into the functionalities of JavaScript, allowing usto explore its
capabilities in handling user interactions and performing calculations

We embarked on the creation of a tribute page a web page dedicated to

celebrating an inspiring individual. I chose Dr. A. P. J. Abdul Kalam
Week 5: Final Project & Integration

In the final week, I applied everything I had learned to complete a

project that integrated all the skills and technologies from the previous
weeks. This project served as a comprehensive demonstration of my
ability to build a functional and aesthetically pleasing front-end web
application .
I dedicated my efforts to building a personal portfolio website.
This project aimed to showcase my skills, projects, and experiences,
serving as a professional online presence that I could share with
potential employers or collaborators. The portfolio website was
designed and developed using the skills and technologies I had acquired
throughout the internship.
5. Skills Acquired

During the course of this five-week internship, I acquired a variety

of technical and soft skills that have significantly enhanced my
capabilities as a front-end developer:
 I developed a deep understanding of HTML for structuring web
content and CSS for styling and layout. I became proficient in
creating responsive designs using CSS Grid, Flexbox, and media
queries, ensuring that websites are mobile-friendly and accessible.
 My JavaScript skills were honed through hands-on experience with
DOM manipulation, event handling, and asynchronous
programming. I learned to use modern JavaScript features like ES6
syntax, including arrow functions, structuring, and modules, which
are essential for writing clean and efficient code.
 I gained practical experience with a modern front-end framework
included building reusable components, managing state, and
understanding the framework’s lifecycle methods, which are
crucial for developing dynamic and scalable web applications.
 learned techniques to optimize website performance, such as image
compression, code minification, and reducing HTTP requests.
These skills are important for ensuring fast load times and a
smooth user experience.
 I enhanced my ability to design user interfaces that are not only
visually appealing but also intuitive and user-friendly. I learned
how to implement best practices in UI/UX design to improve the
overall user experience.
6. Challenges Faced

Throughout the internship, I encountered several challenges that

tested my problem-solving abilities and adaptability:

 Balancing Design and Functionality: While working on the

portfolio website, I found it challenging to strike a balance between
an aesthetically pleasing design and functional, efficient code.
Ensuring that the website looked good while maintaining
performance required iterative design and testing.
 Cross-Browser Testing: Ensuring consistent performance and
appearance across different browsers was a complex task. I had to
identify and resolve browser-specific issues, which sometimes
involved using vendor prefixes or polyfills.
 Time Management: With multiple tasks to juggle, including
learning new technologies, developing the portfolio, and meeting
deadlines, time management became a crucial skill. I had to
prioritize tasks effectively to ensure timely completion of the
project.
 Debugging Complex JavaScript Code: As I worked on more
advanced JavaScript features, particularly asynchronous
programming and state management in frameworks, debugging
became more challenging. I had to rely heavily on browser
developer tools and console logging to trace and resolve issues.
7. Conclusion
The five-week internship at [Company Name] was an invaluable
experience that provided me with a comprehensive understanding of
front-end web development. The opportunity to apply theoretical
knowledge to real-world projects significantly boosted my confidence
and skill set.
By the end of the internship, I was able to build a complete personal
portfolio website that not only showcases my technical abilities but also
serves as a testament to the knowledge and experience I gained during
this period. The exposure to industry-standard tools, practices, and
frameworks has prepared me well for future professional .
This internship has not only enhanced my technical skills but also
improved my problem-solving abilities, time management, and ability to
work in a collaborative environment. The experience has reaffirmed my
interest in front-end development, and I am excited to continue growing
and contributing to this field.