SUMMER TECHNICAL INTERSHIP

REPORT

Submitted in partial fulfilment of the requirements

for the award of the degree of

BACHELOR OF TECHNOLGY

SUBMITTED BY

STUDENT NAME : BODEMPUDI CHAITNAYA

REG. NUMBER : 2200080146

Department of Artificial Intelligence & Data Science

KONERU LAKSHMAIAH EDUCATION FOUNDATION

Green Fields, Vaddeswaram,

Guntur, Andhra Pradesh, 522 302

INDIA
 Department of Artificial Intelligence & Data Science

CERTIFICATE

This is to certify that the Internship-based report on “Web Development Internship at prodigy info
Tech” Submitted by 2200080146 – Bodempudi Chaitanya to the Department of Artificial Intelligence
& Data Science, Koneru Lakshmaiah Education Foundation in partial fulfilment of the requirements
for the completion of an internship in Prodigy Info Tech in III year B. Tech (Department of Artificial
Intelligence & Data Science)is a bonafide record of the work carried out by him under my supervision
during the Summer Acceleration of the Academic Year 2023-24.

Supervisor
Dr. A. Srinivas Rao
Assistant Professor
AI & DS
 ACKNOWLEDGEMENT
It is a great pleasure for me to express my gratitude to our honorable President Sri Koneru
Satyanarayana for having given the opportunity and platform with facilities in accomplishing the
internship - based report. I express the sincere gratitude to our HOD: Dr. TIRUPATHI REDDY for
his administration towards our academic growth. Finally, it is pleased to acknowledge the indebtedness
to all those who have devoted themselves, directly or indirectly, to make this internship report success.

2200080146
Bodempudi Chaitanya

Counsellor Signature: Counsellor Name : Joe Nithin

Designation : Asst. professor
 INDEX

S.NO TOPICS PAGE. NO

1 INDUSTRY PROFILE 5

2 PROBLEM STATEMENT 6

2.2 LITERATURE REVIEW 7

2.3 PROBLEM IDENTIFICATION 8

3 TASK ACCOMPLISHED 9

3.1 TYPE OF ASSIGNMENT(S) 10

3.2 HOW ASSIGNMENT(S) BEEN SOLVED 11

3.4 DURATION TO COMPLETE 12

3.5 MILESTONES 12

4 CONCLUSION / INTERNSHIP CERTIFICATE 13-14

 INDUSTRY PROFILE
Prodigy InfoTech is a forward-thinking tech company that focuses on delivering
educational resources, innovative solutions, and growth opportunities for developers,
professionals, and organizations. The company's mission is to make learning
accessible to everyone, regardless of age or background, by providing high-quality,
inclusive educational tools and services. During my time as an intern at Prodigy
InfoTech, I had the chance to engage in hands-on tasks that mirrored real workplace
responsibilities. This experience enhanced my understanding of the computer
industry by enabling me to put into practice the theoretical knowledge I acquired in
school in real-life scenarios. I obtained skills in collaboration, technical expertise, and
problem-solving abilities, all of which are essential for my profession and will be
valuable as I advance in my career. Moreover, I acquired further understanding of
Prodigy InfoTech's procedures, especially regarding its goal of offering state-of- the-
art technology and convenient learning solutions to professionals, businesses, and
students.

Key services provided by Prodigy Info Tech:

Internship Programs: Simulate real-world work experiences for students, providing

practical skills and knowledge relevant to their fields of study. Professional Upskilling:
Offers training programs, certifications, and resources to help professionals enhance
their skills and stay competitive in the tech industry. Organizational Training
Solutions: Provides customized employee training programs and talent development
strategies to help organizations build a skilled workforce. Educational Resources:
Delivers accessible learning tools and platforms for students of all ages and
backgrounds to achieve their full potential. Technology Solutions: Develops and
implements cutting-edge software and IT solutions to meet the needs of various
industries. Custom Software Development: Designs and develops tailored software
solutions to meet specific business requirements, ensuring alignment with
organizational goals. Cloud Computing Services: Provides cloud migration,
management, and optimization services.
 PROBLEM STATEMENT

1. Responsive Landing Page

Objective: Create an interactive navigation menu that changes color or style when scrolled or when
hovering over a menu item. The navigation menu should have a fixed position and be visible on all
pages.
Details: Use HTML to structure the menu, CSS to style it, and JavaScript to add interactivity, such as
changing the background color or font color of the menu when it is scrolled or when a menu item is
hovered over.

2. Stopwatch Web Application

Objective: Build a stopwatch web application with functionalities for starting, pausing, and resetting
the stopwatch, as well as tracking and displaying lap times.
Details: Implement the application using HTML for structure, CSS for styling, and JavaScript for
functionality to create an interactive and userfriendly experience.

3. Tic-Tac-Toe Web Application

Objective: Develop a tic-tac-toe web application where users can play against each other or an AI
opponent.
Details: Utilize HTML, CSS, and JavaScript to handle user clicks, track game state, and check for
winning conditions, making the game engaging and interactive.

4. Personal Portfolio Website

Objective: Build a personal portfolio website to showcase your skills, projects, and accomplishments
as a web developer.
Details: Design an attractive layout with a home page featuring a captivating headline, professional
photo, and summary of your skills. Include an "About Me" section detailing your background,
education, and professional experience.

5. Weather App
Objective: Develop a web page that fetches weather data from a weather API based on the user's
location or a user-inputted location.
Details: Display the current weather conditions, temperature, and other relevant information on the
page using HTML, CSS, and JavaScript.
 LITERATURE REVIEW

A literature review for a web development project focused on weather forecasting involves
exploring existing research, tools, technologies, and design principles related to weather forecasting
applications. This review can provide insights into the current state of the field, identify gaps, and
inform the development process. Below is a structured literature review for such a project:

1. Responsive Landing Page:

 Focus: Adapting to various screen sizes using CSS media queries, frameworks like Bootstrap,
and responsive images.
 Challenges: Maintaining consistency across devices and optimizing performance.

2. Stopwatch Web Application:

 Focus: Implementing start, stop, and reset functions using JavaScript, with a simple, responsive
UI.
 Challenges: Ensuring accurate timekeeping and managing long-running operations.

3. Tic-Tac-Toe Web Application:

 Focus: Game logic implementation, basic AI using algorithms like Minimax, and a responsive,
engaging UI.
 Challenges: Handling edge cases and balancing AI difficulty.

4. Personal Portfolio Website:

 Focus: Showcasing skills and projects with a clean design, personal branding, and responsive
layout.
 Challenges: Combining aesthetics with performance and keeping content updated.

5. Weather App:

 Focus: Real-time weather data integration via APIs, with a clear, responsive UI, and advanced
features like geolocation.
 Challenges: Accurate data representation and managing API limitations.
 PROBLEM IDENTIFICATION

1. Responsive Landing Page:

• Problem: In the competitive digital landscape, websites need to provide a seamless user
experience across all devices. There is a need for a responsive landing page that adapts
to different screen sizes while maintaining aesthetic appeal and functionality. This
requires developing a navigation menu that remains interactive and visible regardless of
scrolling or user interactions.
2. Stopwatch Web Application:
• Problem: Accurate time tracking is essential for various tasks, from athletic training to
project management. Users need a reliable and userfriendly stopwatch application that
can start, pause, reset, and record lap times efficiently. This involves creating an
intuitive interface with precise timing functionality, ensuring the app is easy to use on
both desktop and mobile devices.
3. Tic-Tac-Toe Web Application:
• Problem: Interactive and engaging games are a key aspect of web applications that
enhance user experience. There is a need for a simple yet engaging web-based Tic-Tac-
Toe game that allows users to play against each other or an AI opponent. This requires
implementing game logic, tracking game state, and providing a smooth, responsive user
interface that works across all devices.
4. Personal Portfolio Website:
• Problem: In a highly competitive job market, showcasing one's skills and
accomplishments effectively is crucial for career advancement. There is a need for a
personal portfolio website that highlights an individual's work, skills, and achievements
in a professional and visually appealing manner. This requires creating a well-designed,
easy-to-navigate website that effectively communicates the user’s personal brand.
5. Weather App:
• Problem: Access to real-time weather information is vital for planning daily activities
and making informed decisions. Users need a weather application that provides
accurate and up-to-date weather data based on their location or a specified location.
This involves integrating with a reliable weather API and presenting the information in
a clear, visually appealing format that works well on various devices.
 TASK ACCOMPLISHED

1. Responsive Landing Page:

o Accomplishment: Developed a responsive landing page with an interactive navigation
menu that adjusts seamlessly to different screen sizes and devices. The menu changes
color and style when scrolled or hovered over, maintaining its visibility and
functionality across all pages. The project successfully utilized HTML, CSS, and
JavaScript to create a user-friendly and visually appealing interface.

2. Stopwatch Web Application:

o Accomplishment: Designed and implemented a stopwatch web application that allows
users to start, pause, reset, and record lap times accurately. The application features a
clean and intuitive interface, with functionalities that work smoothly on both desktop
and mobile devices. HTML, CSS, and JavaScript were used effectively to create an
interactive and reliable timing tool.

3. Tic-Tac-Toe Web Application:

o Accomplishment: Developed a web-based Tic-Tac-Toe game that enables users to play
against each other or an AI opponent. The game includes robust functionality for
handling user clicks, tracking game state, and checking for winning conditions. The
project successfully used HTML, CSS, and JavaScript to create an engaging and
responsive game experience that is accessible on various devices.

4. Personal Portfolio Website:

o Accomplishment: Built a personal portfolio website to showcase skills, projects, and
accomplishments. The website features a professional design with a captivating home
page, an "About Me" section, and a portfolio of work. The project effectively used
HTML, CSS, and JavaScript to create a visually appealing and easy-to-navigate
platform that highlights my personal brand and professional achievements.

5. Weather App:
o Accomplishment: Created a weather app that fetches and displays realtime weather
data based on the user’s location or a specified location. The application integrates
with a weather API to provide accurate weather conditions, temperature, and other
relevant information. The project successfully used HTML, CSS, and JavaScript to
present this data in a clear, responsive, and user-friendly format.
 TYPE OF ASSIGNMENT(S)

1. Frontend Development:
o Responsive Web Design: Creating responsive web pages that adapt to various screen
sizes and devices using HTML, CSS, and JavaScript, ensuring a seamless user
experience. o Interactive UI Components: Developing interactive elements like
navigation menus, buttons, and forms that enhance user engagement and interactivity
on the web page.

2. Web Application Development:

o Web-based Applications: Building functional web applications, such as a stopwatch
or Tic-Tac-Toe game, utilizing HTML, CSS, and JavaScript to provide users with
interactive tools. o API Integration: Implementing web applications that fetch and
display data from external APIs, such as a weather app that retrieves real-time weather
information.

3. Portfolio and Personal Branding:

o Personal Portfolio Website: Designing and developing a personal portfolio website
that showcases skills, projects, and achievements in a visually appealing and
professional manner. o Content Management: Structuring and organizing content
effectively on the portfolio website, including the creation of an "About Me" section,
project showcases, and contact information.

4. Web Performance and Optimization:

o Performance Optimization: Enhancing the performance of web applications by
optimizing loading times, minimizing HTTP requests, and implementing lazy loading
for images and other media.
o Cross-Browser Compatibility: Ensuring that web applications and websites function
consistently across different browsers and platforms, addressing compatibility issues
and inconsistencies.

5. Documentation and Reporting:

o Technical Documentation: Writing comprehensive documentation for the developed
web applications and portfolio websites, detailing the implementation process,
technologies used, and user instructions. o Project Reports: Preparing reports that
summarize the development process, challenges faced, and solutions implemented,
providing insights into the effectiveness of the design and functionality.
 HOW ASSIGNMENT(S) BEEN SOLVED

1. Frontend Development:
• Responsive Web Design: Developed responsive web pages using HTML, CSS, and
JavaScript, ensuring that the layout adapts seamlessly across different screen sizes and
devices. Implemented media queries and flexible grid systems to enhance user
experience on both desktop and mobile devices.
• Interactive UI Components: Created interactive navigation menus and UI elements that
respond to user actions such as scrolling and hovering. JavaScript was used to
dynamically change styles and improve user engagement.

2. Web Application Development:

• Web-based Applications: Built functional web applications like a stopwatch and Tic-
Tac-Toe game using HTML, CSS, and JavaScript. These applications include features
such as start/pause/reset buttons, lap time tracking, and game logic for player
interactions.
• API Integration: Developed a weather application that fetches real-time data from a
weather API and displays it to users. Used JavaScript to make asynchronous requests
and dynamically update the user interface based on the retrieved data.

3. Portfolio and Personal Branding:

• Personal Portfolio Website: Designed and implemented a personal portfolio website to
showcase skills, projects, and accomplishments. The site includes an "About Me"
section, project gallery, and contact form, all presented in a clean and professional
layout.
• Content Management: Organized and structured content effectively, ensuring that the
website is easy to navigate. Emphasized clear presentation of information and
consistent styling throughout the website. 4. Web Performance and Optimization:
• Performance Optimization: Enhanced website performance by optimizing images,
minimizing CSS and JavaScript files, and reducing server requests. Implemented best
practices like lazy loading for images and caching strategies to improve load times.
• Cross-Browser Compatibility: Tested and ensured that web applications and websites
function consistently across various browsers, addressing any compatibility issues and
making necessary adjustments to the code.

5. Documentation and Reporting:

Technical Documentation: Created detailed documentation for each web application and
the portfolio website, outlining the development process, technologies used, and
instructions for users. The documentation also includes explanations of design decisions
and code structure.
 DURATION TO COMPLETE

The Prodigy InfoTech team provided me with one month, from May 15 th to June 15th,
to complete the assigned web development tasks. During this period, I developed a
responsive landing page, a stopwatch web application, a Tic-Tac-Toe game, a personal
portfolio website, and a weather app. I also documented my work and prepared project
reports, successfully completing all tasks within the given timeframe.

MILESTONES

1. Completion of Assigned Tasks: Successfully developed and implemented all assigned

web development projects, including a responsive landing page, stopwatch web
application, Tic-Tac-Toe game, personal portfolio website, and weather app, within the
one-month timeframe.

2. Documentation and Reporting: Provided comprehensive technical documentation

and detailed project reports for each task, demonstrating a thorough understanding of
web development principles, design choices, and user experience considerations.

3. Skill Development: Gained hands-on experience in frontend development, responsive

design, API integration, and web performance optimization, significantly enhancing my
practical web development skills.

4. Certification: Received an internship completion certificate from Prodigy InfoTech,

recognizing my successful accomplishment of the assigned web development tasks.

5. Letter of Recommendation: Earned a letter of recommendation from the Prodigy InfoTech

team, acknowledging my contributions, technical proficiency, and dedication during the web
development internship.
 CONCLUSION

My internship at Prodigy InfoTech was a highly enriching and transformative

experience. Over the course of one month, from May 15th to June 15th, I successfully
completed a series of challenging tasks that deepened my understanding of web
development. I developed a range of practical projects, including a responsive landing
page, a stopwatch web application, a Tic-TacToe game, a personal portfolio website, and
a weather app, all while adhering to industry standards and best practices.

This experience allowed me to apply theoretical knowledge to real-world scenarios,

enhancing my technical skills in areas such as frontend development, responsive design,
API integration, and web performance optimization. The detailed documentation and
reporting I provided further strengthened my ability to communicate complex technical
concepts effectively.

The recognition I received in the form of a completion certificate and a letter of

recommendation from the Prodigy InfoTech team has been a testament to my hard work
and dedication. This internship not only broadened my skill set but also prepared me for
future challenges in the web development field. I am grateful for the opportunity to
contribute to Prodigy InfoTech and look forward to applying the knowledge and skills
gained to my future endeavors.
INTERNSHIP CERTIFICATE