INTERNSHIP REPORT ON

INTERNSHIP IN CodSoft
SUBMITTED BY
Samruddhi Devkar

DEPARTMENT OF ELECTRONICS & COMPUTER

P.E.S’S MODERN COLLEGE OF ENGINEERING PUNE – 05.

Supervised By

Ms. Hemalata Nawale

SAVITRIBAI PHULE PUNE UNIVERSITY

Academic Year : 2023-24
 Approval Sheet

Internship Report

ON

Web Development

In Codesoft

Supervisor

Signature: _________________________________________
Name: Ms. Hemalata Nawale

Designation: Assistant Professor

Modern College of Engineering, Pune

Head of Department

Signature: __________________________________________

Name: Dr. Arati J. Vyavahare

Modern College of Engineering, Pune

Offer Letter (Confirmation Mail for online Internship)
 Certificate of Completion

.
 Acknowledgement

First I would like to thank Codsoft for giving me the opportunity to do an internship
within the organization.

It is indeed with a great sense of pleasure and immense sense of gratitude that I
acknowledge the help of these individuals.

I would like to extend my gratitude to the Principal Mam Dr. Mrs.K .R. Joshi and
Head of the Department of ECE Dr. Mrs. A. J. Vyavahare for providing me with
all the facilities that were required.

I would like to thank Ms. Hemalata Nawale, internship coordinator Department of

ECE for their support and advice to get and complete internship in above said
organization. I am extremely grateful to my department staff members and friends
who helped me in successful completion of this internship.
 Table of Contents

S.No. Particulars Page No.

1 Offer Letter 3

2 Completion Certificate 4

3 Acknowledgement 5

4 Introduction 7

5 Project Title/Problem statement/ Objectives 8

6 Work Done in Internship 10-13

7 Methodological details/Technology used (hardware/software) 9

14
8 Conclusion
 Introduction :

I have been selected for a Web development internship with CodSoft, a company at the
forefront of technology and innovation. This internship will span from December 25, 2023, to
January 25, 2024.
As a student passionate about Web development, this four-week program represents a critical
step towards my career goals.
The focus of this internship is educational, aiming to provide me with hands-on experience
and the opportunity to develop new skills within a professional setting.
During this period, I will engage in various projects and tasks that challenge me to apply what
I've learned in my courses and push me to grow as a designer.
CodSoft has set expectations for me to perform all tasks with my best effort and to follow
guidance from seasoned professionals in the field.
Title:
Internship at Codsoft

Problem statement:
1. Personal portfolio building
2. Landing page of an NGO
3. Calculator website development

Place of Internship:
Virtual

Objectives:
1. Making sure the website functions well and looks good across various devices and
screen sizes, including desktops, laptops, tablets, and smartphones.
2. Optimizing website speed and performance to reduce loading times and improve user
satisfaction.
3. Ensuring that the website is accessible to people with disabilities, following web
accessibility standards such as those outlined in the Web Content Accessibility
Guidelines (WCAG).
4. Implementing measures to protect the website from potential security threats, such as
data breaches, hacking, and malware.
5. Building the website in a way that allows it to scale efficiently as the user base grows
and as new features are added.
6. Optimizing the website's content and structure to improve its visibility in search engine
results, thus attracting more organic traffic.
 Methodological details/Technology used (hardware/software)

 HTML (HyperText Markup Language):

Defines the structure and content of web pages. using HTML, we can define headers,
paragraphs, links, images, and more, so your browser knows how to structure the web page
you're looking at.

 CSS (Cascading Style Sheets):

Controls the presentation and layout of web pages. Used to alter the font, color, size, and
spacing of your content, split it into multiple columns, or add animations and other decorative
features.

 JavaScript:
Adds interactivity and dynamic behavior to web pages, enabling features like animations,
form validation, and AJAX. Used to create dynamically updating content, control multimedia,
animate images etc

 Collaboration and future maintenance. Regular updates and patches are also necessary to
address security vulnerabilities and improve functionality.
Screenshots of work done:

1. Personal Portfolio:

2. SETUP DEVELOPMENT ENVIRONMENT:-

 I used integrated development environment (IDE) i.e, Visual
Studio Code.
 Created a new folder for project and set up the necessary
files (index.html, style.css, script.js).

3. DESIGN YOUR PORTFOLIO LAYOUT:-

 Plan the layout of your portfolio, including sections such as
About Me, Portfolio, Skills, Contact, etc.
 Use HTML to structure the content of each section.

4. STYLE YOUR PORTFOLIO:-

 Use CSS to add styling and make your portfolio visually
appealing. You can define styles for headings, paragraphs,
links, navigation, etc.
 Consider using CSS frameworks link Bootstrap or Flexbox/Grid
for layout and responsiveness.

5. ADD INTERACTIVITY WITH JAVASCRIPT:-

 Use JavaScript to add interactive elements to your portfolio,
such as dynamic animations, form validation, or modal
windows for displaying project details.
2. Landing page of a NGO:
 My next project was to design a landing page of a NGO.
Creating a website for a charity organization is crucial for
raising awareness and garnering support.
3. Calculator website development:

 We can make a simple calculator using just core web

technologies: HTML, CSS and JavaScript. This calculator can
perform basic mathematical operations like addition,
multiplication, and division.
 Conclusion:

The Web development internship at Cod Soft has provided invaluable hands-on experience
and learning opportunities in the field of front end development.
Through practical application of design principles, methodologies, and technology, this
internship has enabled me to grow as a developer and develop essential skills for the
industry.
By conducting user research, creating prototypes, and collaborating with cross-functional
teams, I have gained a deeper understanding of user needs and how to create intuitive and
engaging digital experiences.
The mentorship received and the feedback provided by seasoned professionals have been
instrumental in my growth as a Web developer.
Overall, this internship has been a pivotal step towards achieving my career goals, and I am
eager to continue building upon the knowledge and experiences gained during this
internship as I progress in my journey.