Gaya College Of Engineering, Gaya

INTERNSHIP REPORT
NAME : LALIMA BHARDWAJ
BRANCH : Computer Science &
Engineering
REG. NO. : 23105110022
ROLL No. : 23/CSE/43
SESSION : 2023-27
SEMESTER: 3rd (2nd Year)
 GAYA COLLEGE OF ENGINEERING
(Dept. Of Science & Technology, Govt. Of Bihar)

AN INTERNSHIP REPORT
ON
"FRONTED WEB DEVELOPEMENT"
INTERNSHIP PROGRAM 2024
Submitted to

Department of Computer Science &

Engineering
Submitted by

LALIMA BHARWAJ
Report of Internship for the period
June 2025 to July 2025(4 Weeks)
 MENTOR'S RECOMMENDATION

The author hereby recommends that this

report prepared under my mentorship in partial
fulfillment of the requirements for the Bachelor
of Technology in Computer Science and
Engineering be processed for evaluation.

Instructor : Ritesh Kumar

 ACKNOWLEDGMENTS
I would like to express my sincere gratitude to
CODETECH IT Solutions Pvt Ltd for providing me with
this invaluable opportunity to undergo an internship
in Fronted Web Development. I am especially
thankful to my mentor(s) at CODTECH for their
continuous support, guidance, and for sharing their
profound knowledge throughout the internship
period. Their insights were instrumental in my
learning and helped me understand the practical
aspects of web development. I also extend my thanks
to Gaya College of Engineering, Gaya, for providing
the academic foundation and encouraging practical
exposure through internships. This experience has
significantly enhanced my skills and understanding of
real-world software development.

4
CERTIFICATE
 TABLE OF CONTENTS
INTERNSHIP REPORT
MENTOR'S RECOMMENDATION
ACKNOWLEDGMENTS
CERTIFICATE

1. Introduction

2. Company Profile: CODETECH IT Solutions Pvt Ltd

3. Internship Details of Duration and Role of

Technologies Used

4. Learning Experience of Frontend Development with

React.

5. Projects Undertaken

6. Challenges Faced and Solutions

7. Future Scope

8. Conclusion

6
 INTRODUCTION
This report details my one-month internship experience in
MERN Stack Web Development at CODTECH IT Solutions
Pvt Ltd, from June 8, 2025, to July 8, 2025. The primary
objective of this internship was to gain hands-on
experience in building fronted web applications.
understand industry best practices, and apply theoretical
knowledge to practical scenarios. This report outlines the
company overview, the technologies I worked with, the
projects I contributed to, the challenges I encountered,
and the overall learning outcomes
 Internship Details
Duration and Role
My internship at CODTECH IT Solutions Pvt Ltd
commenced on june 8, 2025, and concluded on July 8,
2025, spanning a total of one month. During this period,
I served as Fronted Web Development Intern. My role
involved actively participating in various stages of web
application development, from understanding
requirements to coding, testing, and debugging.

Technologies Used (Fronted Web Development)

The core technologies I extensively worked with during my
internship were:

HTML: HTML used in the creation of web pages.

8
 CSS: Applying CSS and using frameworks/libraries for
responsive design

React.js: A JavaScript library for building user

interfaces, specifically single-page applications.

Git & GitHub: For version control and collaborative

development.

VS Code: As the primary Integrated Development

Environment (IDE).

9
 Learning Experience
The internship provided a comprehensive learning
experience across all components of the Fronted web
development.

Frontend Development with React.js

I gained practical experience in:
1. Mastered basic HTML & CSS for structuring and styling
webpages.

2. Improved JavaScript skills by building interactive

features.

3.Learned responsive design using Flexbox and media

queries.

4.Understood component-based layout for cleaner UI

structure.

5.Gained debugging skills using dev tools and console

logs.
 Projects Undertaken
During my internship, I contributed to and
developed various modules for web
applications, which provided hands-on
experience with the Fronted web. While
specific project names are confidential, the
types of projects I worked on included:

1.QUIZ APPLICATION
2.E-Learning Platform

11
 QUIZ APPLICATION

This project is a web-based Quiz Application created

using HTML, CSS, and JavaScript. It allows users to test
their knowledge through multiple-choice questions in an
interactive way.

🔹 Technologies Used
• HTML – For structuring the quiz layout
• CSS – For designing and styling the interface
• JavaScript – For quiz logic, score calculation, and
interactivity

🔹 Key Features
• ✅ Dynamic question display
• ✅ Instant correct/incorrect answer feedback
• ✅ Score tracking and final result

12
 • ✅ Restart quiz option
• ✅ Clean, responsive user interface

🔹 Working
• Questions are stored in a JavaScript array.
• Options are loaded dynamically using DOM
manipulation.
• Selected answers are checked and highlighted using
CSS classes.
• “Next” button moves to the next question.
• Final score is shown after all questions.
• “Try Again” restarts the quiz.

🔹 Learning Outcome
By building this project, I learned:
• DOM manipulation in JavaScript
• Styling with CSS for user experience

13
 • Creating fully functional front-end projects
• Handling user inputs and events in real time

14
 E-LEANING PLATFORM

🔹 Introduction
This project is a basic front-end E-Learning Platform
created using HTML, CSS, and a minimal use of JavaScript
(for progress indication or future use). The platform
provides a user-friendly interface for online learning with
available course modules, embedded video tutorials, and
a visual progress bar.

🔹 Key Features
• 🔹 A clean and responsive homepage with
navigation
• 🔹 List of available courses displayed as cards
• 🔹 Each course page contains an embedded video
tutorial
• 🔹 Visual progress bar to track learning

15
 • 🔹 Fully responsive layout for mobile and desktop
users

🔹 Technology Stack
• HTML – Used to build the layout of the homepage
and course page
• CSS – Used for styling, animations (hover effects),
and responsiveness
• JavaScript – Can be used to dynamically update the
progress (future scope)

🔹 Working of the Platform

1. The homepage displays all available courses using
card-style layout.
2. Each card has a title, description, and "Start Course"
button linking to the course page.
3. On the course page, a YouTube video is embedded
for learning.

16
 4. A progress bar below the video visually represents
how much of the course is completed.
5. The platform uses responsive design to work on all
screen sizes.

17
 CHALLENGES AND SOLUTION
1. Handling Asynchronous Code
Challenge: Understanding Promises and async/await
while fetching data.
Solution: Practiced real examples, used console.log()
for debugging, and referred to MDN documentation.
2. Component State Management
Challenge: Managing data across multiple React
components was confusing.
Solution: Broke UI into smaller components and used
Context API to manage global state easily.
3. Responsive Design Issues
Challenge: Ensuring proper layout on both desktop
and mobile screens.
Solution: Used media queries and Flexbox/Grid to
make components adapt to screen sizes.

18
 Future Scope
The skills acquired during this internship will be
instrumental in my future academic and
professional endeavour. I plan to:
Continue building more complex and scalable Fronted
web development.

Explore advanced topics in React.js (e.g., Redux,

Next.js)

Deepen my understanding of applying CSS and JS.

Contribute to open-source projects and expand my

portfolio.

19
 Conclusion
My one-month internship at CODTECH IT Solutions Pvt Ltd
was an immensely enriching and transformative
experience. I gained practical, hands-on knowledge of the
MERN stack, significantly enhancing my skills in full-stack
web development. The opportunity to work on real-world
projects, collaborate with experienced developers, and
understand industry workflows was invaluable. This
internship has solidified my understanding of modern
web development paradigms and prepared me for future
challenges in the field.