A PRELIMINARY REPORT

ON INTERNSHIP IN
WEB DEVELOPMENT
THIRD YEAR ENGINEERING (COMPUTER ENGINEERING)
SUBMITTED TO THE SAVITRIBAI PHULE PUNE UNIVERSITY,
PUNE

SUBMITTED BY

SEJAL GIRISH MAHAJAN

(PRN No. 72251834L)

UNDER GUIDANCE OF

Dr. Neeta A. Deshpande

DEPARTMENT OF COMPUTER ENGINEERING

GES’S R. H. SAPAT COE MANAGEMENT STUDIES AND RESEARCH
PRIN T A KULKARNI VIDYANAGAR, NASHIK - 422005
SAVITRIBAI PHULE PUNE
UNIVERSITY 2024 -2025

1
 Conduct of the Internship Training

About CodSoft:
• CodSoft is a rapidly growing IT solutions company that specializes in providing
innovative services in software development, web development, and AI-based
solutions. The company is committed to delivering high-quality digital solutions that
help businesses and individuals enhance their technological capabilities.

• Duration: 1 Month

• Mode: Online

• Domain: Web Development

• Task Submission Github link : https://github.com/sejalmahajan27

2
 CERTIFICATE

This is to certify that the Internship report entitles INTERNSHIP IN WEB DEVELOPMENT
Submitted by MAHAJAN SEJAL GIRISH PRN: 72251834L is a student of this institute and
the work has been carried out by her under the supervision of Dr. Neeta Deshpande and it is
approved for the partial fulfillment of the requirement of Savitribai Phule Pune University.

(Dr. Neeta Deshpande) (Dr. D. V. Patil) (Dr. S. S. Sane)

Guide Head, Principal,
Department Of Department of Gokhale Edu. Society's
Computer Engineering Computer Engineering R. H. Sapat COE MSR, Nashik–5

Place: Nashik

Date:

3
Certificate of Internship :

4
ACKNOWLEDGEMENT

I would like to express my sincere gratitude to CodSoft for providing me with the opportunity
to participate in this enriching internship program. The training experience has been
instrumental in enhancing my technical knowledge and practical skills in web development.
I am deeply thankful to my mentors and project supervisors for their constant guidance,
timely feedback, and valuable insights throughout the internship. Their expertise and
encouragement have greatly contributed to my learning journey.
I am also thankful to the entire CodSoft team for creating a supportive and collaborative
environment that fostered continuous learning and skill enhancement.
I would like to extend my appreciation to my colleagues and teammates for their cooperation
and constructive discussions, which made the journey more engaging and insightful.
Lastly, I am grateful to my family and friends for their unwavering motivation and
encouragement during this period. This internship has been a transformative experience that
has prepared me for future professional challenges.

5
ABSTRACT

The CodSoft internship was an extensive and immersive training program designed to
provide practical knowledge and hands-on experience in web development. The internship
focused on building a strong foundation in HTML, CSS, JavaScript, and Bootstrap, enabling
me to create responsive, user-friendly, and interactive web applications. The training was
divided into multiple phases, starting with an orientation session that provided an overview
of the company and the project tasks. The initial phase emphasized understanding web
technologies and learning the basics of frontend development. As the internship progressed,
I was assigned tasks that involved designing a professional landing page, creating a
responsive webpage, and developing a calculator using JavaScript to demonstrate logical
operations and user interactions.
Throughout the internship, continuous mentorship and constructive feedback from the
project supervisors played a crucial role in refining my technical skills and enhancing my
problem-solving abilities. The experience not only improved my coding proficiency but also
honed my project management skills, time management, and ability to work independently
as well as in a team. The regular assessments and evaluations ensured that I maintained a
high standard of work and adhered to best practices in web development.
This internship provided me with a platform to bridge the gap between theoretical
knowledge and practical application. The exposure to real-world scenarios and the
opportunity to apply my learning to real-life projects significantly boosted my confidence
and prepared me to tackle complex challenges in web development. Overall, the CodSoft
internship was a transformative experience that contributed immensely to my personal and
professional growth, equipping me with the necessary skills to excel in the ever-evolving
field of technology

6
Contents

ABSTRACT

ACKNOWLEDGEMENT

TABLE OF CONTENTS

1. CHAPTER 1: Background of Company

1.1 History of the Company
1.2 Organizational Structure of Company
1.3 Title and Position of the officer in responsible
1.4 Others deemed necessary

2. CHAPTER 2: Summary of Duties

3. CHAPTER 3: Working Experience

3.1 Project Carried Out

3.2 Problems Encountered
3.3 Problems Solved
3.4 Tools & Techniques

4. CHAPTER 4: Summary
4.1 Types of Experience Gained
4.2 Problems
4.3 Views and Recommendations

5. CHAPTER 5: CONCLUSION

6. CHAPTER 6: REFERENCE & APPENDIX

7
CHAPTER 1

BACKGROUND OF COMPANY

1.1 History of the Company

CodSoft is a rapidly growing technology-driven company committed to providing innovative

solutions in software development, web technologies, and digital transformation. Established
with the vision of empowering aspiring developers and IT professionals, CodSoft focuses on
offering practical, hands-on learning experiences through its well-structured internship
programs. Since its inception, CodSoft has aimed to bridge the gap between theoretical
knowledge and real-world application by providing internship opportunities that equip
students and young professionals with the technical expertise required to excel in the
competitive tech industry.

The company has built a reputation for offering high-quality training in web development,
data science, artificial intelligence, and other emerging technologies. Over the years, CodSoft
has collaborated with industry experts and experienced mentors to design tailored internship
programs that focus on enhancing the practical skills of participants. These programs provide
exposure to real-life projects, ensuring that interns develop a strong understanding of industry
standards and best practices.

CodSoft’s commitment to nurturing talent and fostering innovation has made it a preferred
choice for aspiring developers and IT enthusiasts seeking industry exposure. Through its
interactive learning modules and challenging project assignments, CodSoft continues to play
a vital role in preparing the next generation of tech professionals. The company's mission to
create an ecosystem of continuous learning and development drives its growth and success,
making it a trusted name in the field of technology education and training.

1.2 Organizational Structure of Company

CodSoft follows a well-defined and dynamic organizational structure that ensures smooth
operations, effective project management, and a seamless learning experience for its interns.
The company adopts a hierarchical yet flexible structure that facilitates collaboration between
different departments while maintaining a clear chain of command. At the top level, CodSoft
is led by the Chief Executive Officer (CEO), who is responsible for making key strategic
decisions, setting long-term goals, and ensuring the overall growth and success of the
company. The CEO works closely with senior management, including the Chief Operating
Officer (COO) and Chief Technology Officer (CTO), to oversee day-to-day operations and
technological advancements.
The Project Management Team plays a critical role in planning, executing, and monitoring
the progress of various projects. This team collaborates with department heads to ensure
timely completion of tasks while maintaining quality standards. The Technical Department,
comprising software developers, web designers, and data analysts, is responsible for coding,
designing, testing, and implementing software solutions. The Training and Internship
Division focuses on structuring internship programs, providing learning resources, assigning

8
mentors, and ensuring that interns receive adequate guidance and feedback.
Additionally, CodSoft has a Mentorship and Evaluation Team that regularly monitors intern
performance, provides constructive feedback, and conducts evaluations to assess learning
outcomes. The Human Resources (HR) Department handles recruitment, employee
engagement, and ensures a positive work environment. The Marketing and Client Relations
Team manages brand promotion, client interactions, and maintains customer satisfaction.
This well-coordinated structure enables CodSoft to maintain high standards of project
execution, deliver top-notch internship programs, and ensure continuous improvement and
innovation. The collaborative approach adopted by CodSoft promotes knowledge sharing,
skill development, and professional growth for both its employees and interns.

1.3 Title and Position of the officer in responsible

CodSoft operates with a structured hierarchy to ensure smooth operations and effective
project execution. At the top is the Chief Executive Officer (CEO), who sets the company’s
vision and strategic goals. The Chief Operating Officer (COO) manages daily operations,
ensuring projects stay on track, while the Chief Technology Officer (CTO) oversees
technological advancements and software development.

Project Managers handle task coordination and ensure timely completion, while Training and
Internship Coordinators design learning programs and monitor intern progress. The
Mentorship and Evaluation Team provides feedback and assesses intern performance. The
Human Resources (HR) Manager manages recruitment and employee relations, while the
Marketing and Client Relations Officer promotes CodSoft’s brand and ensures client
satisfaction.

This well-coordinated leadership ensures CodSoft delivers high-quality training and

empowers aspiring professionals with real-world skills.

1.4 Other deemed necessary

CodSoft places great emphasis on ensuring a holistic learning and professional development
environment for its interns. In addition to providing technical knowledge and hands-on
project experience, CodSoft focuses on enhancing essential soft skills such as communication,
teamwork, time management, and problem-solving. Regular feedback sessions, one-on-one
mentorship, and constructive evaluations are conducted to guide interns toward continuous
improvement. CodSoft also encourages creativity and critical thinking by allowing interns to
explore innovative solutions and apply their knowledge to real-world scenarios.Additionally,
CodSoft prioritizes project documentation, version control, and adherence to industry
standards, ensuring that interns develop a professional approach to coding and project
management. The company also emphasizes the importance of meeting deadlines and
maintaining quality in deliverables, preparing interns for future professional challenges. By
combining technical expertise with interpersonal skill development, CodSoft ensures that its
interns leave with a well-rounded understanding of the industry, equipping them for
successful careers in technology.

9
CHAPTER 2

SUMMARY OF DUTIES
Week 1: Basic Web Development & GitHub

 Day 1: Basics of HTML, CSS, JS, and web development.

 Day 2: Created a simple webpage using HTML.
 Day 3: Applied CSS styles to enhance design.
 Day 4: Used Flexbox for responsive layout.
 Day 5: Learned JavaScript basics and DOM.
 Day 6: Used Git and GitHub for version control.

Week 2: Coffee Shop Landing Page

 Day 7: Planned layout and gathered content.

 Day 8: Created HTML structure with sections.
 Day 9: Applied CSS for styling and layout.
 Day 10: Made the page responsive using media queries.
 Day 11: Added basic interactivity using JavaScript.
 Day 12: Tested and debugged the landing page.

Week 3: Portfolio Making

 Day 13: Drafted portfolio layout and sections.

 Day 14: Created HTML for About, Skills, and Projects.
 Day 15: Styled portfolio using CSS Grid and Flexbox.
 Day 16: Added JavaScript for scrolling and validation.
 Day 17: Optimized page and added project details.
 Day 18: Reviewed, debugged, and uploaded to GitHub.

Week 4: Calculator

 Day 19: Planned design and functionality.

 Day 20: Created HTML layout with buttons.
 Day 21: Styled UI using CSS.
 Day 22: Added JavaScript for calculations.
 Day 23: Tested functionality and fixed errors.
 Day 24: Finalized and uploaded the project.

Week 5: Final Submission

• Day 25: Conducted final review of all project files.

• Day 26: Checked responsiveness and browser compatibility.
• Day 27: Fixed minor bugs and optimized code.
• Day 28: Verified GitHub repository for all project uploads.
• Day 29: Prepared and finalized project documentation.
• Day 30: Submitted the completed projects successfully.

10
CHAPTER 3

Working Experience

3.1 Project Carried Out

During the CodSoft internship, I worked on multiple projects that enhanced my understanding
of web development and improved my technical skills. Each project was designed to provide
hands-on experience and practical exposure to real-world applications.
Project 1: Landing Page
For my first task at CodSoft, I designed and developed a responsive Coffee Shop
Landing Page using HTML, CSS, and JavaScript. The page featured an attractive
layout showcasing coffee varieties, special offers, and customer reviews. I added
interactive elements for smooth navigation and ensured a mobile-friendly design to
enhance user experience.

Project 2: Portfolio Website

For my second task at CodSoft, I designed and developed a Portfolio Website
using HTML, CSS, and JavaScript.
A Portfolio Website is an Online representation of work you have created as well as
your skills and experiences

Project 3: Calculator
For Task 3 at CodSoft, I developed a One Sample Calculator & One fully functional
calculator using HTML, CSS, and JavaScript. The calculator performed basic
arithmetic operations such as addition, subtraction, multiplication, and division

Each project allowed me to apply theoretical knowledge to practical tasks, improving my

problem-solving abilities and enhancing my confidence in handling real-world projects.

3.2 Problems Encountered & Solution

During the CodSoft internship, I encountered several challenges that helped me enhance my
problem-solving skills and deepen my technical knowledge.
Understanding Bootstrap Framework
 Initially, I faced difficulties in understanding the Bootstrap grid system and integrating
responsive elements correctly.
 Solution: I resolved this by referring to official documentation, practicing with
sample designs, and implementing small-scale projects to build confidence.
JavaScript Event Handling and DOM Manipulation
 Handling events and manipulating the Document Object Model (DOM) was
challenging at first, especially in implementing interactive features.
 Solution: I practiced extensively with different examples and explored JavaScript
documentation to understand the concept better.

11
 Debugging JavaScript Code
 Debugging errors in JavaScript while building the interactive web page and calculator
required careful attention.
 Solution: I used browser developer tools to identify and fix errors efficiently and
reviewed my code to understand the issues.
Cross-Browser Compatibility Issues
 Ensuring that my web pages rendered correctly across different browsers posed a
challenge.
 Solution: I tested the projects on multiple browsers and adjusted CSS and JavaScript
elements for compatibility.
Hosting and Deployment Challenges
 Deploying the project to a live server and ensuring that all features worked smoothly
post-deployment was tricky.
 Solution: I explored various hosting platforms and followed detailed step-by-step
deployment guidelines.
These challenges provided me with valuable insights and significantly contributed to my
learning process during the internship.

3.3 Tools & Techniques

1. HTML (HyperText Markup Language):
HTML is the backbone of any website, responsible for creating the basic structure and layout
of web pages. It uses a series of elements, or tags, to define different parts of a web page such
as headings, paragraphs, images, and links. HTML consists of various elements that include
<html>, <head>, and <body>, where the actual content is placed. It allows the embedding of
multimedia content and forms to gather user input. Modern HTML5 provides support for new
elements like <audio>, <video>, and <canvas>, enhancing multimedia experiences.
Additionally, semantic tags such as <article>, <nav>, and <section> make content more
accessible and improve SEO performance.

2. CSS (Cascading Style Sheets):

CSS is used to control the presentation, layout, and styling of HTML content. It allows
developers to apply styles such as colors, fonts, spacing, and positioning to web elements,
ensuring a visually appealing user interface. CSS works by selecting HTML elements and
applying styles through selectors. It supports various types of selectors, including class
selectors (.), ID selectors (#), and tag selectors. CSS also offers different methods of
implementation: inline styles, internal stylesheets, and external stylesheets. Advanced CSS
techniques include Flexbox and Grid Layout, which provide more control over complex page
layouts. CSS3 introduces animations, transitions, and media queries, enabling responsive
design for various devices.

3. JavaScript:
JavaScript is a dynamic scripting language used to enhance the interactivity and functionality
of web pages. It enables developers to create dynamic content, manipulate the Document
Object Model (DOM), and handle user events. JavaScript runs on the client side, allowing
instant responses to user actions without requiring server communication. JavaScript supports
asynchronous programming through AJAX and Fetch APIs, making it possible to load data
without refreshing the page. Modern JavaScript frameworks like React, Angular, and Vue.js
provide enhanced functionality and scalability for developing large-scale applications.

12
4. Visual Studio Code (VS Code):
Visual Studio Code (VS Code) was the primary code editor used throughout the CodSoft
internship. It is a lightweight, yet powerful source code editor that supports multiple
programming languages, including HTML, CSS, and JavaScript. VS Code offers an intuitive
interface with built-in features such as syntax highlighting, auto-completion, and debugging
tools that helped streamline the coding process. Additionally, the availability of a wide range
of extensions allowed me to enhance productivity by integrating tools such as Prettier for
code formatting and Live Server for real-time preview of web pages. The Git integration
feature also made version control and collaboration easier during project development.

5.Git and GitHub:

Git, a version control system, was used to manage the source code effectively, while GitHub
served as the remote repository to store and collaborate on code. Git enabled me to track
changes, manage multiple versions of code, and revert to previous states when necessary.
GitHub provided a platform to host repositories, share code, and collaborate with mentors and
team members. Using Git and GitHub helped maintain a structured workflow by creating
branches, committing changes, and merging updates smoothly. The pull request feature also
facilitated code reviews and ensured that project versions were maintained systematically.

6.UI/UX Design Principles:

During my CodSoft internship, I focused on UI/UX design to create visually appealing,
intuitive, and user-friendly web applications. For UI design, I ensured consistency in fonts,
colors, and layouts while implementing responsive design using Bootstrap. Smooth
navigation, clear typography, and structured visual hierarchy enhanced the user interface.
On the UX side, I followed a user-centered approach, creating wireframes and prototypes to
map out seamless user journeys. Logical information architecture and usability testing helped
refine interactions for a better experience. Using tools like Figma, Adobe XD, and Google
Lighthouse, I optimized design, responsiveness, and accessibility, ensuring an engaging and
efficient user experience.

7.Bootstrap Framework:
Bootstrap, a popular front-end framework, was used to create responsive and mobile-first web
designs. Its grid system and pre-built components allowed for rapid development of visually
appealing layouts without the need for extensive CSS coding. Bootstrap made it easy to
implement consistent designs across various screen sizes by utilizing its responsive grid
system. I also leveraged built-in components such as buttons, modals, navigation bars, and
carousels, which saved time and ensured a clean and modern design. Using Bootstrap
improved the efficiency of developing web applications and ensured consistency in design
across different devices.

13
CHAPTER 4

SUMMARY

4.1 Types of Experience Gained:

During the CodSoft internship, I gained extensive hands-on experience in web development
and project management, which significantly enhanced my technical knowledge and practical
skills. I developed a strong foundation in HTML and CSS by creating visually appealing and
well-structured web pages while also improving my understanding of Bootstrap to implement
responsive and adaptive designs that ensure a seamless user experience across multiple
devices. As I progressed, I deepened my knowledge of JavaScript by working on interactive
features, handling events, and manipulating the Document Object Model (DOM) to create
dynamic web applications. I also learned about error debugging and code optimization
techniques that improved my problem-solving abilities.

Additionally, I acquired essential knowledge of version control systems, hosting, and

deployment processes that allowed me to confidently push my projects to live servers and
ensure that all functionalities worked smoothly post-deployment. Through consistent practice
and guided mentorship, I gained valuable insights into project planning, task management,
and adhering to industry best practices, enabling me to work independently on tasks and meet
project deadlines efficiently. The exposure to real-world scenarios, where I had to
troubleshoot errors and optimize performance, greatly strengthened my analytical thinking
and decision-making skills. Furthermore, this experience improved my ability to document
projects, write clean and maintainable code, and follow coding standards to ensure the smooth
execution of projects. Overall, the internship equipped me with both technical and
professional skills necessary for a successful career in web development.

4.2 Problems:

Throughout the CodSoft internship, I faced several challenges that tested my technical
abilities and pushed me to learn and grow. One of the initial difficulties I encountered was
understanding the Bootstrap framework, especially the grid system and responsive design
principles. Implementing a mobile-friendly design and ensuring that the layout adjusted
correctly across different screen sizes required consistent practice and experimentation.
Another significant challenge was mastering JavaScript for interactivity and DOM
manipulation, where I faced difficulties in event handling, updating webpage content
dynamically, and implementing logic for interactive elements. Debugging JavaScript code
and identifying errors took considerable time, but I overcame this through the use of browser
developer tools and regular code reviews. It was essential to test the webpages on multiple
platforms and make adjustments to ensure consistency. Additionally, hosting and deploying
projects to a live server presented its own set of challenges, particularly in managing file
structures, resolving path-related errors, and ensuring that all resources, such as stylesheets
and scripts, were correctly linked after deployment. These challenges required patience,
research, and troubleshooting skills to overcome, ultimately strengthening my ability to
identify, analyze, and resolve technical issues efficiently.

14
4.3 Views and Recommendations:

The CodSoft internship provided an enriching and comprehensive learning experience that
allowed me to gain practical knowledge in web development while improving my problem-
solving and project management abilities. The internship was well-structured, with clearly
defined objectives and hands-on tasks that provided a realistic understanding of industry
standards and requirements. However, to further enhance the learning experience, I would
recommend including advanced JavaScript concepts such as AJAX, APIs, and asynchronous
programming to provide a more in-depth understanding of dynamic web applications.
Introducing backend technologies such as Node.js or PHP could also broaden the knowledge
base and prepare interns for full-stack development.

Additionally, incorporating team-based or collaborative projects would provide interns with

the opportunity to develop soft skills like teamwork, communication, and project
collaboration, which are essential in professional environments. Peer reviews and regular
group discussions could further encourage knowledge sharing and critical thinking.
Furthermore, detailed and personalized feedback from mentors at different stages of the
internship would allow interns to understand their strengths and identify areas for
improvement. I also suggest integrating real-time industry case studies and practical
challenges that simulate real-world scenarios, as this would help interns gain a deeper
understanding of problem-solving and decision-making processes in the tech industry.

Overall, the CodSoft internship provided a solid foundation for web development and
equipped me with the confidence to take on real-world projects. By adding these
enhancements, future interns could benefit even more and gain a broader perspective on
software development and project management, ensuring they are well-prepared for
professional careers.

15
CHAPTER 5

CONCLUSION
The Codsoft Web Development Internship provided a valuable learning experience by
enhancing my knowledge and practical skills in front-end and back-end web development.
Throughout the internship, I gained hands-on experience working with HTML, CSS, and
JavaScript, which helped me understand the structure, design, and interactivity of web
applications. I successfully completed various tasks such as designing responsive web pages,
implementing form validations, and building interactive features.

Additionally, I developed a deeper understanding of real-world project requirements,

improved my problem-solving abilities, and learned the importance of writing clean, efficient,
and maintainable code. The internship also introduced me to version control using GitHub,
enhancing my collaborative and project management skills. Overall, this internship
significantly strengthened my technical knowledge and prepared me for future challenges in
the field of web development.

16
CHAPTER 6

REFERENCE

https://www.geeksforgeeks.org/learn-web-development-basics-
with-html-css-and-javascript/

https://getbootstrap.com/

https://www.figma.com/resource-library/difference-between-ui-
and-ux/

https://learnhtmlcss.online/

https://www.w3schools.com/html/html_responsive.asp

17
 APPENDIX

Task 1: Landing Page

18
Task 2: Portfolio Website

19
Task 3: Calculator

20