SUMMER INTERNSHIP REPORT ENTITLED

Web Development
Submitted in Partial Fulfilment of the Requirements for the Award of the
Degree of Bachelor of Technology in Computer Science & Engineering

Submitted By
ANKIT KUMAR
Registration No: 23105165066
Computer Science & Engineering

Under the Guidance of

SAROWAR KUMAR

Shri Phanishwar Nath Renu Engg. College,

(ARARIA)
Affiliated to
Bihar Engineering university, Patna
Session: [2023-27]
Internship duration: 1june to 28june 2025
INTERNSHIP CERTIFICATE
 Computer Science & Engineering

Shri Phanishwar Nath Renu Engg. College,

(ARARIA)
CERTIFICATE
This is to certify that ANKIT KUMAR, Reg. No. 23105165066 , a student of Computer
Science & Engineering, Shree Phanishwar Nath Renu Engg. College, Araria has successfully
completed the summer internship at Invigo Infotech, from 1 June 2025 to 28 June 2025 as
part of the AICTE internship program.

The student has submitted a report based on the work undertaken during this internship, which
is in accordance with AICTE guidelines.

Signature of Student Signature of Faculty Mentor

Sarowar kumar
Assist. Professor
 ACKNOWLEDGEMENT

I would like to express my sincere gratitude to Invigo Infotech for providing me with the
opportunity to work as an intern. I am especially thankful to Mr. Priyanshu Kumar for his
invaluable guidance throughout my internship. I would also like to extend my appreciation to
ANKIT KUMAR and my HOD, Krishnanand Mishra, for their continuous support and
encouragement.

My internship with Invigo Infotech (Invigo Educare Pvt Ltd) has been an exceptional
opportunity for learning and professional development. I consider myself extremely fortunate
to have been part of this experience. I want to take this opportunity to convey my deepest
appreciation to Mr. Priyanshu Kumar, who, despite his numerous commitments, graciously
took the time to mentor me, keep me on the right track, and support me in carrying out my
project at this esteemed organization during my training.
 DECLARATION
I, ANKIT KUMAR, Reg. No:23105165066 hereby declare that this internship report is an
original work carried out by me under the guidance of Sarowar Kumar and Mr Priyanshu
Kumar. It has not been submitted to any other university or institution for the award of any
degree.

Signature of the Student

Date:
 TABLE OF CONTENTS
1. Introduction
1.1 Overview of internship at Invigo Infotech
1.2 Importance of internship in engineering education
1.3 How the internship aligns with your academic and career goals
2. Company Profile
2.1
2.2 About the company
2.3 Location
2.4 Contact details
3. Objective
3.1 Learning objectives
3.2 Expected outcomes
3.3 Relevance to your field of study
4. Task And Responsibility
4.1 Week Vice summary of work done
4.2 Tools/Software/technologies used
4.3 Project or case studies handled
4.4 Technical work
4.5 Managerial work
5. Technical & managerial skills learned
5.1.1 Web development
5.1.2 Classification of web development
5.1.3 Front end development
5.1.4 Front end developer
5.1.5 A skill required front in web development
5.1.6 Working of website
5.2.1 Hypertext Markup Language HTML
5.2.2 Features of HTML
5.3.1 Cascading Style Sheets
5.3.2 Features of CSS
5.3.3 Properties of CSS
5.4.1 JavaScript
5.4.2 Features of JavaScript
6. Challenges Faced and Solutions
5.1 Difficulties encountered during the internship
5.2 How I resolved these challenges
5.3 Key takeaways from these experiences
7. Project
8. Conclusion & Recommendations
9. References
10. Appendices
 List of figures

Sl.No. Fig.no Figure Name Page No

1. Fig 5.1 Working of a website 07

2. Fig 5.2 Web application development 07

process
3. Fig 5.3 HTML page structure 09

4. Fig 5.4 Types of CSS 10

5. Fig 7.1 Quiz Game Project 13

6. Fig 7.2 To-Do List Task Manager 13

Project
7. Fig 7.3 Rainbow colour changing 13
Project
8. Fig 10.1 Simple Quiz Game Code 17

9. Fig 10.2 Rainbow colour changing 17

code
10. Fig 10.2 Internship Workshop 17
 Abbreviations

Abbreviation Full Form

HTML Hyper Text Markup Language

CSS Cascading Style Sheets
JS JavaScript
HTTP Hyper Text Transfer Protocol
HTTPS Hyper Text Transfer Protocol Secure
URL Uniform Resource Locator
UI User Interface
UX User Experience
API Application Programming Interface
 ABSTRACT

This report summarizes my 28 days internship at INVIGO INFOTECH, focusing on the

knowledge and experience I gained in web development. During my time, I worked on web
development projects that allowed me to apply theoretical concepts to real-world challenges.

I engaged with contemporary frameworks and best practices, staying abreast of industry trends
to optimize project outcomes. Additionally, I provide an overview of web development in
2025, highlighting current tools, trends, and the challenges developers face in building complex
applications. This analysis emphasizes the need for businesses to adapt to innovations in the
field, enhancing understanding of the evolving web development landscape for professionals
and organizations alike.
 INTRODUCTION
1.1 Overview of the internship program

The internship at Invigo Infotech offered a hands-on experience in Web Development,

encompassing both Front-End and fundamental Back-End concepts. Web Development was
divided into Front-End (client-side) and Back-End (server-side) sections.

Our main focus was on Front-End Development, where we learned to create user interfaces
utilizing HTML, CSS, and JavaScript. The program also emphasized the crucial skills
required for a Front-End Developer, including responsive design, debugging, and basic
principles of UI/UX.

Training Highlights

• HTML: Organizing web pages through the use of various tags and elements.
• CSS: Customising appearance with attributes such as colour, arrangement, and
typography.
• JavaScript: Introducing interactive and dynamic functionalities.
• Types & Features: Discussed different categories of CSS, attributes of all three
technologies, and the conventional structure of an HTML page.

This training improved our coding skills and gave us valuable exposure to real-world web
development practices.

1.2 Importance of internships in engineering education

Internships are not just an academic formality — they are a launchpad for your career.
They help you grow from a student into a professional engineer, equipped with knowledge,
skills, and confidence to succeed in the real world.

1.3 How the internship aligns with your academic and career goals

The internship was in strong alignment with my academic studies as it reinforced key concepts
in web development and programming. It offered practical experience with technologies such
as HTML, CSS, and JavaScript, which are included in my coursework. On a professional level,
it enabled me to develop skills necessary for a career in front-end development and web
application design, enhancing my confidence and getting me ready for future positions in the
IT field.
 COMPANY PROFILE

Name of the Organization: Invigo Infotech Pvt. Ltd.

2.1 Name of the Organisation: Invigo Infotech Pvt. Ltd.

2.2 About the Company:

Invigo Infotech is a growing IT solutions company that delivers high-quality software services
like web and mobile app development. Specialising in user-centric applications, the company
helps clients enhance their digital presence. With a skilled team of developers and designers,
Invigo Infotech offers innovative, scalable technology solutions tailored to business needs.

2.3 Location:

Invigo Infotech PVT LTD.

PWD, Prabhat Colony, Purnea, 854301, Bihar

2.4 Contact Details:

• Phone: +91-6204266080
• Email: Invigoinfotech@gmail.com
• Website: https://invigoinfotech.in/

2.5 Services Offered:

Invigo Infotech provides a diverse range of services, including:

• Internship opportunities (online & offline)

• Skill-based training programs and industrial courses

• Expert mentorship and career guidance

• Resume building and interview preparation

Industry visits and offline hands-on internships

 OBJECTIVES

3.1 Learning objectives

o - Learn the basics of web development with HTML, CSS, and JavaScript.
o - Get hands-on experience by working on real web projects.
o - Improve your coding skills and learn to build responsive and interactive websites.
o - Understand the development process, how to debug, and basic deployment
practices.

3.2 Expected outcomes

o - Ability to create fully functional web pages and mini applications.

o - Improved knowledge of frontend technologies and layout techniques.
o - Developed problem-solving and project management skills through task-based
learning.
o - A complete portfolio of projects, including a personal website, a to-do app, and
more.

3.3 Relevance to your field of study

As a student in Computer Science and Engineering, web development plays a crucial role
in my academic program. This internship aligns well with courses such as Programming,
Software Engineering, and Human-Computer Interaction, while also aiding my ambition
to become a software/web developer.
 TASKS AND RESPONSIBILITIES

4.1 Week-wise Summary of Work Done

Week 1: Fundamentals of HTML, CSS, and JavaScript, instructed under the guidance
of Mr. Priyanshu Kumar.

Week 2: Created a To-Do List Web Application utilizing HTML, CSS, and JavaScript.
Concentrated on manipulating the DOM and implementing task creation functionality.
Added code comments and foundational documentation.

Week 3: Created a Basic Calculator using HTML, CSS, and JavaScript, enabling
various mathematical calculations.

Week 4: Created a landing page for Invigo Infotech with the comprehensive guidance
of Mr. Priyanshu Kumar..

4.2 Tools/Software/Technologies Used:

- HTML
- CSS
- JavaScript
- Visual Studio Code
- Notepad
- Perplexity
- Canva/Figma (optional, for design support)

4.3 Projects or Case Studies Handled:

Simple Quiz game, To-do List Task Manager, Rainbow Colour Changing Game

4.4 Technical Work:

- Created web pages, applied JavaScript functionality, and troubleshot code.

- Created responsive layouts and added interactivity through DOM manipulation.

4.5 Managerial Work:

- Maintained task-wise documentation and uploaded projects every week.

- Coordinated with mentors via WhatsApp and submitted weekly updates

 Technical & Managerial Skill Learned

5.1.1 WEB DEVELOPMENT

Web development is the process of creating, building, and maintaining websites or web
applications that run on the internet.
It involves everything from designing how a website looks, to making it work, to connecting
it with databases and servers.

5.1.2. CLASSIFICATION OF WEB DEVELOPMENT:

Front End Development:

Front-end web development focuses on building websites and web applications using HTML,
CSS, and JavaScript. Developers face the challenge of keeping up with the rapidly changing
tools and techniques in the industry.

Back End Development:

Back-end development involves server-side software that handles elements not visible on a
website. Back-end developers focus on ensuring website functionality through databases, back-
end logic, APIs, architecture, and servers. They use code to facilitate communication between
browsers and databases for data management.

5.1.3. FRONT END DEVELOPMENT:

Web design emphasizes the visual aspect of a website, while front-end development deals with
implementing that design. The primary objective is to present information clearly and
relevantly across various devices, browsers, and operating systems, necessitating careful
planning by designers.

5.1.4. FRONT END DEVELOPER:

A front-end developer designs and implements the user interface of web applications using
CSS, HTML, and JavaScript, ensuring functionality online. In contrast, a web designer is
primarily concerned with the visual appearance and design of the site.

5.1.5. SKILLS REQUIRED FRONT END WEB DEVELOPMENT:

HTML: Hyper Text Markup Language (HTML) is the standard markup language used to
create web pages and is the fundamental building block for developing websites.

CSS: Cascading Style Sheets (CSS) are used to apply styles to web pages, making them more
presentable. CSS simplifies the styling process and enables style application independently of
the HTML structure of each web page.

JavaScript: JavaScript is a powerful tool for websites, enhancing interactivity and enabling
the creation of rich UI components such as image sliders, pop-ups, mega menus, form
validations, tabs, and accordions.

5.1.6 WORKING OF WEBSITE:

A website works through a sequence of steps that happen almost instantly. When a user types
a URL in the browser, the domain name is converted into an IP address using DNS (Domain
Name System). The browser then sends an HTTP/HTTPS request to the web server at that IP
address. The server processes the request, possibly using backend code and databases, and
sends back the appropriate files—usually HTML, CSS, JavaScript, and media. The browser
then renders these files and displays the website on the screen. This process enables users to
interact with websites in real time.
 Fig 5.1 Working of website

Fig 5.2 Web application Development process

5.2.1. Hyper Text Markup Language (HTML):

HTML (Hyper Text Markup Language) serves as the foundation of the Web, establishing the
structure and meaning of content. CSS and JavaScript enhance the appearance and functionality
of a webpage. The term "Hypertext" refers to the capability of linking pages for convenient
navigation. HTML employs markup to label text and images for rendering in browsers,
utilizing elements such as <head>, <title>, <body>, and <p>.

5.2.2 Features of HTML:

1. HTML is easy to learn and modify.

2. It allows for effective presentations through various formatting tags.

3. As a markup language, it provides flexibility in web page design.

4. HTML enables the addition of links, enhancing user browsing experience.

5. It is platform-independent, working on systems like Windows and Linux.

6. HTML supports the integration of graphics, videos, and sound for a more interactive
experience.

7. It is case-insensitive, allowing for tags to be written in either lowercase or uppercase.

 Fig 5.3 HTML Page

<!DOCTYPE html>: This declaration defines the document type and indicates the HTML
version.

<html>: This tag signifies the start of an HTML document and contains all other HTML
elements, except for the <!DOCTYPE>.

<head>: This section must be the first element within <html> and holds metadata about the
document. It should close before the <body> tag.

<title>: This tag sets the page title, which appears at the top of the browser. It must be placed
inside <head> and closed immediately.

<body>: This tag contains the main visible content of the HTML document for the end user..

5.3.1 Cascading Style Sheets:

Cascading Style Sheets, commonly referred to as CSS, are utilized to improve the aesthetics of

web pages. They streamline the styling procedure and enable styling to be separate from the

HTML framework.
5.3.2 Features of CSS

1) Before CSS, duplicating styles was tedious.

2) CSS allows global style changes, simplifying site maintenance.

3) It works with older languages and optimizes content for all devices.

4) An appealing website engages users.

5) A good UI enhances navigation.

6) Learning CSS opens career opportunities, especially for freelancers.

Fig 5.4 Types of CSS

Inline CSS: Inline CSS is specified within an HTML element by using the style attribute,
which applies styles directly to that particular element.

Internal or Embedded CSS: When a single HTML document requires unique styling, the
CSS should be embedded in the head section of the HTML file...

External CSS: External CSS is a separate .CSS file that contains style properties using class
and id attributes. It is linked to an HTML document with a link tag, enabling consistent
styling across web pages.

5.3.3 Properties of CSS:

Inline CSS has the highest priority for styling. Internal or Embedded CSS comes next in
priority. External CSS has the least priority. This order applies when there are styles defined
in multiple stylesheets for an HTML tag.:
1. Inline styles override Internal and External styles.
2. Internal styles override External styles.
3. External styles apply only if there are no Inline or Internal styles defined
.

5.4.1. JavaScript

JavaScript (JS) is a lightweight, interpreted programming language commonly utilized for

web pages. It facilitates development on both the client side and the server side and can be
incorporated into HTML files in two different methods.

• Internal JavaScript: JavaScript code can be included directly in an HTML file using
the `<script>` tag, which can be placed either in the `<head>` or `<body>` section,
depending on the needs of the document.
• External JavaScript File: We can create a file with a .js extension and paste
the JS code inside it. After creating the file, add this file in
the <script src= “file_name.js”> tag inside the <head> tag of the HTML file.

5.4.2. Features of JavaScript

1) All popular web browsers support JavaScript as they provide built-in execution

environments.

2) JavaScript follows the syntax and structure of the C programming language.

Thus, it is a structured programming language.

3) JavaScript is a weakly typed language, where certain types are implicitly cast

(depending on the operation).

4) JavaScript is an object-oriented programming language that uses prototypes

rather than classes for inheritance.

5) It is a case-sensitive language.
 CHALLENGES FACED & SOLUTIONS

• Difficulties Encountered During the Internship

I encountered difficulties with JavaScript functionality, particularly concerning

interactivity, and had a hard time managing responsive designs and layout problems on
various screen sizes. I also found GitHub to be perplexing when it came to pushing and
updating project files.

• How I Resolved These Challenges

To enhance my JavaScript abilities, I viewed tutorials and asked for help from my mentor.
I worked on media queries and layout adjustments by utilizing flexbox and grid methods.
To gain more familiarity with GitHub, I gradually learned commands and consulted the
official documentation.

• Key Takeaways from These Experiences

I gained confidence in coding through self-learning and asking for help. I learned that practice,
patience, and version control are essential in web development
 Projects

Fig 7.2 To-do List – Task Manager

Fig 7.1 Simple Quiz Game

Fig 7.3 Rainbow Colour Changing game

 • Description of Project –

• Quiz Game –

A basic quiz game was created using HTML, CSS, and JavaScript, focusing on fundamental
math operations such as addition, subtraction, division, and multiplication, where players
must provide correct answers.

• To-do list -The Task Manager –

This is a task manager to-do list developed using HTML, CSS, and JavaScript, allowing users
to add, update, and delete items as needed.

• Rainbow Colour Changing game –

The landing page showcases a vibrant button labelled "Rainbow Magic." When clicked, this
enchanting button transforms the page, flooding it with the brilliant hues of the seven colours
of the rainbow, creating a mesmerising visual spectacle that delights the senses.
 CONCLUSION & RECOMMENDATIONS

• Summary of Key Learnings

- Acquired solid hands-on experience with HTML, CSS, and JavaScript.

- Discovered how to create, program, and troubleshoot actual web projects.

- Enhanced abilities to handle tasks autonomously and refine code organization. .

• How the Internship Benefited My Academic and Professional Growth

- Enhanced my understanding of web development concepts covered in my CSE

curriculum.

- Boosted my confidence, coding speed, and ability to handle projects.

- Created a portfolio that will aid in future job placements and internships.

• Suggestions for Future Interns

- Review basic HTML, CSS, and JavaScript before starting to maximise internship
experience

- Stay consistent with weekly tasks and don’t hesitate to ask questions or explore topics
beyond the assigned tasks.
 REFERENCES

1. Visual Studio Code Documentation — https://code.visualstudio.com/docs

2. GitHub Docs — https://docs.github.com/

3. Code with Harry (YouTube) — https://www.youtube.com/@CodeWithHarry

4. Apna College (YouTube) — https://www.youtube.com/@ApnaCollegeOfficial

 APPENDICES (if applicable)

Fig 10.1 Quiz Game Code

Fig 10.2 Rainbow Magic colour code

Fig 10.3 Internship Classroom

THANK YOU