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

Dept. of ISE, BMSIT 2023-24 6

Web Development

Fig 3.2.2: script.js

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:

Fig 3.2.4: HOME PAGE

Dept. of ISE, BMSIT 2023-24 8

Web Development

Fig 3.2.5: SIGN IN PAGE

Fig 3.2.6: DASHBOARD

Dept. of ISE, BMSIT 2023-24 9

Web Development

Fig 3.2.7: MANAGE BOOKINGS

CHAPTER 4

SPECIFIC OUTCOMES

4.1Technical 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