VISVESVARAYA TECHNOLOGICAL UNIVERSITY

BELAGAVI, KARNATAKA

An Internship Report (18CSI85)

on
“WEB DEVELOPMENT INTERNSHIP”
Submitted in the partial fulfillment for the award of
BACHELOR OF ENGINEERING
in
INFORMATION SCIENCE AND ENGINEERING
By
Miss. Bhavyatha M USN: 1BY20IS040

Under the guidance of

External Guide: Ms. Meera Bhattacharya

Team Lead Manager, CodSoft

Internal Guide: Dr. Shanti DL

Assistant Professor
Department of ISE

2023-2024
 VISVESVARAYA TECHNOLOGICAL UNIVERSITY
BELAGAVI, KARNATAKA
BMS INSTITUTE OF TECHNOLOGY & MANAGEMENT
YELAHANKA, BENGALURU-560064
DEPARTMENT OF INFORMATION SCIENCE & ENGINEERING

CERTIFICATE

This is to certify that the Internship work (18CSI85) entitled “WEB DEVELOPMENT
INTERNSHIP” is a bonafide work carried out by Miss. BHAVYATHA M (1BY20IS040), in partial
fulfillment for the award of Bachelor of Engineering Degree in Information Science and
Engineering of the Visvesvaraya Technological University, Belagavi during the year 2023-24. It is
certified that all corrections/suggestions indicated for Internal Assessment have been incorporated in
this report. The internship report has been approved as it satisfies the academic requirements with
respect to internship work for the B.E Degree.

Signature of the Guide Signature of the Coordinator

Dr. Shanti DL Dr. Harish Kumar N

Signature of the HOD Signature of the Principal

Dr. Pushpa S K Dr. Sanjay H A
 ABSTRACT
The “Web Development Internship” at CodSoft is designed to provide aspiring
programmers with practical hands-on experience in crafting and enhancing web-based systems.
The internship focuses on transitioning theoretical knowledge into practical skills. Through the
program, interns delve into the fundamentals of web development, learning the essential tools
and technologies required to build interactive and user-centric web applications.

The internship program facilitates a significant expansion of interns' skillsets under the guidance
of experienced professionals. Interns are exposed to a variety of essential web development
technologies, with potential emphasis on popular programming languages. The learning
experience encompasses not only coding but also valuable insights into web design principles and
best practices.

Throughout the internship, participants will work on real-world projects and assignments that
mimic industry scenarios. This practical approach aims to strengthen interns' problem-solving
abilities and project management skills. Mentored by experienced web developers, interns will
receive valuable feedback and guidance to improve their code quality and software development
practices.

By the end of the program, interns will have gained a solid foundation in Web Development,
acquired practical experience in software development methodologies, and built a portfolio of
projects demonstrating their skills and capabilities. The Web Development Internship at CodSoft
prepares participants for entry-level positions in software development or further studies in
computer science-related fields.
 ACKNOWLEDGEMENT

I am happy to write this internship report after completing it successfully. This internship
would not have been possible without the guidance, assistance and suggestions of many
individuals. I would like to express my deep sense of gratitude to each and every one who has
helped me to make this project a success.

I heartily thank Dr. Sanjay H A, Principal, BMS Institute of Technology & Management for
his constant encouragement and inspiration in taking up this project.

I heartily thank Dr. Pushpa S K, Head of the Department, Information Science and
Engineering, BMS Institute of Technology & Management for her constant encouragement and
inspiration in taking up this project.

I gratefully thank my external guide, Ms. Meera Bhattacharya, Team Lead Manager, CodSoft
her encouragement and advice throughout the course of the internship work.

I gratefully thank my internal guide, Dr. Shanti DL, Assistant Professor of Information Science
and Engineering, for her encouragement and advice throughout the course of the internship work.

I heartily thank our internship coordinator Dr. Harish Kumar N, Assistant Professor, Dept. of
Information science and Engineering, for his constant follow-up and advice throughout the
internship work.

Special thanks to all the staff members of the Information Science and Engineering Department
for their help and kind cooperation.

Lastly, I thank my parents and friends for their encouragement and support given to us in order to
finish this project work.

By,
Bhavyatha M
 BMS INSTITUTE OF TECHNOLOGY & MANAGEMENT
YELAHANKA, BANGALORE-64
DEPARTMENT OF INFORMATION SCIENCE AND ENGINEERING

DECLARATION

I, hereby declare that the Internship (18CSI85) titled “Web Development Internship” is a record
of internship work undertaken for partial fulfilment of Bachelor of Engineering in Information
Science and Engineering of the Visvesvaraya Technological University, Belagavi during the year
2023-24. I have completed this internship work under the guidance of Dr. Shanti DL, Assistant
Professor, Dept. of Information Science and Engineering and Ms. Meera Bhattacharya,
Team Lead Manager, CodSoft.

I also declare that this internship report has not been submitted for the award of any degree,
diploma, associate ship, fellowship or other titles anywhere else.

Student Photo:

USN: 1BY20IS040

Name: Bhavyatha M

Signature:
 INDEX
ABSTRACT i
ACKNOWLEDGEMENT ii
DECLARATION iii
LIST OF FIGURES AND TABLES vi
CERTIFICATE OF INTERNSHIP COMPLETION v

1 Company Profile
1.1 Introduction 1
1.2 Overview 1
1.3 Mission and Vision of the Company 1
1.4 Team 1

2 About the Company 2

3 Tasks Performed 3-12

3.1 Services/Tools/Programming languages used to perform the task 3
3.2 Implementation 4

4 Specific Outcomes 13-14

4.1 Technical 13
4.2 Non-Technical 14

5 Conclusion 15

6 References 16
 LIST OF FIGURES
Figure No. Figure name Page No.
3.2.1 style.css 6
3.2.2 script.js 6
3.2.3 tms.sql 7
3.2.4 Home page 8
3.2.5 Sign in page 8
3.2.6 Dashboard 9
3.2.7 Manage Bookings 9
CERTIFICATE OF INTERNSHIP COMPLETION
Web Development

CHAPTER-1
COMPANY PROFILE

1.1 Introduction
CodSoft are IT services and IT consultancy that specializes in creating innovative solutions
for businesses. They are passionate about technology and believe in the power of software to
transform the world. Their internship program is just one of the ways in which they are investing in
the future of the industry. They offer a variety of services, but their website highlights their
certificate verification system. They also appear to focus on web development and data analysis
based on their internship offerings. Their internships are designed to be comprehensive and
hands-on, providing you with a strong foundation in your chosen field while also giving you
real-world experience. The programs are four weeks long.

1.2 Overview
At CodSoft, they believe practical knowledge is the key to success in the tech industry.
Their aim is to help students lacking basic skills by offering hands-on learning through live
projects and real- world examples.

At CodSoft, we understand the importance of practical experience for aspiring tech professionals.
That's why their internship program offers hands-on learning, where students work on real projects
under the guidance of experienced mentors.

1.3 Mission and Vision of the company

Mission
Software development is an iterative process, and the mission includes continually
improving software solutions. This entails gathering feedback, identifying areas for
enhancement, and implementing updates to make the software more efficient, user-friendly, and
reliable. Continuous improvement also involves staying up to date with the latest technologies,
tools, and industry trends.

Dept. of ISE, BMSIT 2023-24 1

 Web Development

Vision
The vision of software development is to create innovative solutions that push the
boundaries of technology. This involves leveraging emerging technologies, exploring new ideas,
and developing software that brings novel approaches to solving problems and improving the
lives of users.

1.4 Team
The team consists of industry experts who are dedicated to equipping interns with the
knowledge and skills needed to succeed in their careers. They foster an inclusive and supportive
environment that encourages learning, growth, and creativity. The company size is around 11-50
employees and 4,134 associated members.

Dept. of ISE, BMSIT 2023-24 2

Web Development

CHAPTER-2
ABOUT THE COMPANY

CODSOFT is a vibrant and diverse community that brings together individuals with
similar objectives and ultimate goals. Their main focus is on creating opportunities that span
various areas, including leadership development, learning, student engagement, and fostering
shared interests. The company’s headquarters is located in Kolkata, West Bengal. The company
size is around 11- 50 employees and 4,134 associated members. At CodSoft, they believe that
creativity is the heart of innovation. Their internship program is designed to help us tap into our
creative potential and bring our ideas to life. Through their hands-on approach, we'll learn how to
develop new products, design user interfaces, and build software that solves real-world problems.
They are proud to have a diverse community of passionate individuals who are committed to
pushing the boundaries of technology. Whether we're interested in front-end development, back-
end development, or UI/UX design, they have something for everyone. At CodSoft, we
understand the importance of practical experience for aspiring tech professionals. They believe in
the power of leadership and its ability to drive positive change. Through mentorship programs,
workshops, and collaborative projects, they empower individuals to take on leadership roles and
make a difference in our respective fields. Their team consists of industry experts who are
dedicated to equipping interns with the knowledge and skills needed to succeed in their careers.
They foster an inclusive and supportive environment that encourages learning, growth, and
creativity.

Dept. of ISE, BMSIT 2023-24 3

Web Development

CHAPTER-3
TASKS PERFORMED

3.1 Programming Languages Used

3.1.1 Frontend Development:

HTML (Hypertext Markup Language):

 Semantic Elements: Utilizes semantic HTML elements such as <header>, <nav>, <main>, and
<footer> to organize the UI components, improving accessibility and search engine optimization.

 Form Handling: Implements HTML forms to facilitate data input and submission, enabling users
to manage benefit plans efficiently within the application.

CSS (Cascading Style Sheets):

 Styling and Layout: CSS is responsible for styling elements, including colors, typography,
spacing, and alignment, to create an aesthetically pleasing and user-friendly interface.

 Responsive Design: Utilizes CSS media queries to ensure adapts seamlessly to different screen
sizes and devices, enhancing the user experience across various platforms.

 Modularization: Organizes CSS rules into modular stylesheets, promoting maintainability and
scalability while ensuring consistent styling throughout the application.

 Customization: Creates custom CSS classes and selectors to style specific UI components,
maintaining brand consistency and visual coherence.

JavaScript:

 Dynamic Interactivity: Implements JavaScript to add dynamic behavior and interactivity,

enabling features such as dropdown menus, interactive forms, and real- time updates.

Dept. of ISE, BMSIT 2023-24 4

Web Development

 Event Handling: Utilizes JavaScript event handlers to capture and respond to user interactions,
ensuring seamless navigation and functionality within the application.

3.1.2 Backend Development:

PHP:

 PHP excels at creating dynamic web pages, exactly what your project needs for handling user
interactions, booking processes, and displaying personalized content. It readily integrates with
HTML and CSS, enabling seamless blending of design and functionality.
 PHP is known for its efficiency and ability to handle high traffic efficiently. This is crucial for
your tourism management system, which could potentially see significant user activity.
 PHP seamlessly connects with popular databases like MySQL, which you used for storing your
tourism data. This integration allows you to manage, manipulate, and retrieve data efficiently,
powering functionalities like searching for destinations and managing bookings.
 While security is always a concern, PHP offers various tools and best practices to develop
secure applications.

3.2 Implementation

3.2.1 Frontend Development:

HTML/CSS/JavaScript:

 Create the login page using HTML for structure, CSS for styling, and JavaScript for
interactivity.
 Design input fields for username/email and password, along with a submit button for user
login.
 Use JavaScript for client-side validation of user input and handling form submission events. 

Dept. of ISE, BMSIT 2023-24 5

Web Development

Fig 3.2.1: style.css

Fig 3.2.2: script.js

Dept. of ISE, BMSIT 2023-24 6

Web Development

3.2.2 Backend Development:

 PHP shines on the server, handling user requests, interacting with the database, and processing
data behind the scenes.
 PHP seamlessly connects with popular databases like MySQL, which you used for storing your
tourism data.
 This integration allows you to manage, manipulate, and retrieve data efficiently, powering
functionalities like searching for destinations and managing bookings.

Fig 3.2.3: tms.sql

Dept. of ISE, BMSIT 2023-24 7

Web Development

OUTPUT:

HOME PAGE - It is the main landing page of the website which provides a quick overview of key
metrics and activities

Fig 3.2.4: Home page

SIGN IN PAGE - Allows admin to sign in and manage users, including adding, editing, and
deleting user accounts.

Fig 3.2.5: Sign in page

Dept. of ISE, BMSIT 2023-24 8
Web Development

DASHBOARD - Provides a quick overview of key metrics and activities

Fig 3.2.6: Dashboard

MANAGE BOOKINGS - Enables efficient management of bookings, including approvals and

cancellations.

Fig 3.2.7: Manage Bookings

Dept. of ISE, BMSIT 2023-24 9

Web Development

CHAPTER 4

SPECIFIC OUTCOMES

4.1 Technical Outcomes

 Responsive website: The projects demonstrate a solid foundation in building web pages using
HTML and CSS. Gained experience in structuring content, applying styles, and potentially
adding interactivity with JavaScript.

 User Input Handling: Through Calculator project, learnt how to manage user input
effectively, which is crucial for building responsive and user-friendly applications.

 Problem-Solving Abilities: Dealing with challenges and troubleshooting issues during your
internship would have honed your problem-solving abilities, a crucial skill in the tech industry.

 Understanding of Development Lifecycle: You may have gained insights into the software
development lifecycle (SDLC), including phases like planning, development, testing,
deployment, and maintenance.

 Project Management Skills: If you were involved in managing projects or tasks, you likely
developed project management skills such as task prioritization, time management, and
resource allocation.

 Documentation and Reporting: Writing documentation, creating reports, and presenting

your work may have improved your ability to articulate technical concepts and findings
effectively.

Dept. of ISE, BMSIT 2023-24 10

Web Development

4.2 Non-Technical Outcomes

Communication Skills: Working in a professional environment likely improved your written and
verbal communication skills, including email etiquette, presenting ideas, and conveying
information effectively to colleagues.

Time Management: Balancing tasks, meeting deadlines, and prioritizing work would have honed
your time management skills, essential for productivity and efficiency.

Teamwork and Collaboration: Collaborating with colleagues on projects and contributing to

team discussions would have enhanced your ability to work effectively in a team environment,
fostering cooperation and synergy.

Adaptability and Flexibility: Adapting to new tasks, technologies, or changes in project

requirements would have improved your adaptability and flexibility, crucial traits in a dynamic
work environment.

Critical Thinking: Analyzing situations, evaluating options, and making informed decisions
would have honed your critical thinking skills, enabling you to approach problems from different
perspectives.

Leadership Skills: Taking initiative, mentoring others, or assuming leadership roles in projects
would have developed your leadership skills, preparing you for future leadership positions.

Dept. of ISE, BMSIT 2023-24

11
Web Development

CHAPTER-5

CONCLUSION

My journey as a Web Developer Intern at CodSoft had been a rollercoaster ride of learning,
growth, and personal development. It's a testament to the power of internships in shaping
aspiring developers into industry-ready professionals.

Throughout my internship at CodSoft, I had an opportunity to immerse myself in the dynamic

world of technology, gaining valuable insights, experiences, and skills along the way. I have
worked alongside talented professionals, collaborated on various projects, and contributed to the
company's objectives in meaningful ways.

One of the most rewarding aspects of this internship has been the opportunity to apply theoretical
knowledge gained from my academic studies to real-world scenarios. I have gained hands-on
experience with frontend technologies such as HTML, CSS, and JavaScript.

I'm grateful for the opportunity, the mentorship, and the knowledge I gained. As I move forward
in my career, I will carry with me the lessons learned, the challenges conquered, and the memories
made during my time at CodSoft. I understood that every challenge is an opportunity to learn, and
every project is a chance to shine.

I would like to thank CodSoft for the incredible opportunity to be a part of their team and an
unforgettable internship experience. I look forward to applying the lessons and experiences I've
gained in my future endeavors. Here's to growth, learning, and the exciting journey ahead!

Dept. of ISE, BMSIT 2023-24 12

Web Development

REFERENCES
[1] HTML: HyperText Markup Language | MDN (mozilla.org)

[2] https://developer.mozilla.org/en-US/docs/Web/CSS

[3] https://developer.mozilla.org/en-US/docs/Web/JavaScript

[4] https://www.w3schools.com/html/default.asp

[5] CSS Box Model (w3schools.com)

[6] PHP Form Validation (w3schools.com)

[7] Understanding client-side JavaScript frameworks - Learn web development | MDN

(mozilla.org)

Dept. of ISE, BMSIT 2023-24 13