Department Of Information Technology,

UIT RGPV, Bhopal

INTERNSHIP REPORT

A report submitted in partial fulfillment of the requirements for the

Award of Degree of

BACHELOR OF TECHNOLOGY In INFORMATION TECHNOLOGY

By

RAJANSHU SINGH
Enrollment No: 0101IT231056

Subject Code: IT 308 (Internship-I)

RAJANSHU SINGH 0101IT231056 1 | Page

 Internship Certificate

Adwiteek Samadder

During the internship period, He/She has demonstrated exceptional dedication,

enthusiasm and a strong willingness to learn . They actively engaged in various
projects and tasks assigned to them, exhibiting remarkable skills and high level of
professionalism.
The total amount of hours invested by the certificate holder is 95 hours
 Acknowledgements

First and foremost, I would like to express my gratitude to the

Founder of Octanet Services Pvt. Ltd. for giving me the
opportunity to undertake an internship in website development
with their esteemed organization. My sincere thanks also go to
the team at Octanet Services, whose guidance and mentorship
made this experience both enjoyable and rewarding.
I extend my deepest thanks to Dr. Manish Ahirwar Sir, Dr. Shikha
Aggarwal Mam, Dr. Piyush Shukla Sir and all other faculty
members of CSE department for their valuable advice and support
throughout the course of my internship.

Acknowledging the interconnectedness of individuals on the

path to success, I am profoundly grateful for the enriching
contributions of those who played a significant role in this
transformative chapter of my life.

ADWITEEK SAMADDER
0101CS231008
 ABSTRACT

I had the privilege of working as a Website Development

Intern at Octanet Services Pvt. Ltd. from February 20,
2024, to March 22, 2024, during my 1st year of studying
BTECH(CSE). Octanet Services is a prominent tech
company renowned for its innovative solutions in web
development. This internship provided me with an
exceptional opportunity to bridge the gap between
theoretical knowledge acquired in the classroom and the
practical challenges encountered in the industry.

Throughout the internship, I utilized a range of essential tools

and technologies, including HTML, CSS, JavaScript. I
developed a deeper understanding of modern web technologies
and frameworks, which greatly enhanced my ability to design
and build dynamic, interactive web applications. This exposure
not only improved my technical skills but also fostered my
ability to work collaboratively within a team, contributing to
various projects that reflected the company's commitment to
quality and innovation.
 About the Organization

Octanet Services Pvt. Ltd. is a reputed tech company known for

providing cutting-edge solutions in website development and
digital services. Established with the mission to empower
abusinesses, Octanet Services specializes in delivering
comprehensive range of web development solutions that cater to
the diverse needs of clients across various industries. The
company offers a variety of services, including:
At Octanet Services Pvt. Ltd., the focus is on nurturing talent
through practical experience. Interns are actively encouraged to
participate in real-world projects, allowing them to apply their
theoretical knowledge in a professional setting. This hands-on
approach not only enhances their technical skills but also fosters a
deep understanding of industry practices and standards. The
company promotes a culture of collaboration and continuous
learning, ensuring that interns are well-equipped with the necessary
skills to succeed in the fast-paced web development industry.
Regular team meetings, workshops, and mentorship programs create
an environment where interns can learn from experienced
professionals, share
ideas, and develop innovative solutions.
 About the Organization

At Octanet Services Pvt. Ltd., the focus is on nurturing talent through

practical experience. Interns are actively encouraged to participate in
real-world projects, allowing them to apply their theoretical
knowledge in a professional setting. This hands-on approach not only
enhances their technical skills but also fosters a deep understanding of
industry practices and standards. The company promotes a culture of
collaboration and continuous learning, ensuring that interns are well-
equipped with the necessary skills to succeed in the fast-paced web
development industry. Regular team meetings, workshops, and
mentorship programs create an environment where interns can learn
from experienced professionals, share
ideas, and develop innovative solutions.

RAJANSHU SINGH 0101IT231056 6| Page

 Schedule/Outline of Internship

Date Time (From - To) Details of Work Done Verified By

20/02/202409:00 AM - 12:00 PM Orientation and Introduction to Company Practices Team Lead

21/02/202409:00 AM - 12:00 PM Front-End Development Basics Team Lead

22/02/202409:00 AM - 12:00 PM HTML & CSS Fundamentals Team Lead

23/02/202409:00 AM - 12:00 PM JavaScript Basics Team Lead

24/02/202409:00 AM - 12:00 PM Tic Tac Toe Project: Setting Up React Environment Team Lead

25/02/202409:00 AM - 12:00 PM Netflix Clone Project: Implementing API Integration Team Lead

26/02/202409:00 AM - 12:00 PM Netflix Clone Project: Adding Movie Details Page Team Lead

27/02/202409:00 AM - 12:00 PM Netflix Clone Project: Setting Up the Project Team Lead

28/02/202409:00 AM - 12:00 PM Project Review and Feedback on Tic Tac Toe Team Lead

01/03/202409:00 AM - 12:00 PM Netflix Clone Project: Building the Home Page Team Lead

02/03/202409:00 AM - 12:00 PM Final Review of Projects and Code Refinement Team Lead

03/03/202409:00 AM - 12:00 PM Tic Tac Toe Project: Implementing Game Logic Team Lead

04/03/202409:00 AM - 12:00 PM Responsive Layout Design Team Lead

05/03/202409:00 AM - 12:00 PM JavaScript DOM Manipulation Team Lead

06/03/202409:00 AM - 12:00 PM Tic Tac Toe Project: Styling and Responsiveness Team Lead

RAJANSHU SINGH 0101IT231056 7| Page

 Schedule/Outline of Internship

Date Time (From - To) Details of Work Done Verified By

07/03/20
09:00 AM - 12:00 PM Client Collaboration for Feedback Team Lead
24
08/03/20
Break International Women's Day - No Work Team Lead
24
09/03/20
09:00 AM - 12:00 PM Netflix Clone Project: Finalizing Features Team Lead
24
10/03/20
09:00 AM - 12:00 PM Wrap-Up: Key Learnings and Experiences Team Lead
24
11/03/20 Website Optimization Techniques Team Lead
09:00 AM - 12:00 PM
24
12/03/20
09:00 AM - 12:00 PM Advanced CSS Techniques for Responsive Design Team Lead
24
13/03/20 Presentation of Internship Report Team Lead
09:00 AM - 12:00 PM
24
14/03/20 09:00 AM - 12:00 PM Final Wrap-Up - No Work Team Lead
24
15/03/20 09:00 AM - 12:00 PM Feedback on Internship Experience Team Lead
24
16/03/20 Break Weekend Break - No Work Team Lead
24
17/03/2009:00 AM - 12:00 PM Preparing for Project Presentations Team Lead
24
18/03/2009:00 AM - 12:00 PM Project Presentation: Tic Tac Toe Team Lead
24
19/03/2009:00 AM - 12:00 PM Project Presentation: Netflix Clone Team Lead
24
20/03/20 Break Weekend Break - No Work Team Lead
24
21/03/2009:00 AM - 12:00 PM Final Feedback Session with Team Team Lead
24
22/03/20
09:00 AM - 12:00 PM Exit Interview and Future Opportunities Team Lead
24RAJANSHU SINGH 0101IT231056 8| Page
 Index

S.No Contents Page No.

1 Introduction 8

2 Requirements 9

3 Technology Used 10

4 Description of Work/Project Done 11-12

5 Utility/Application 13

6 Challenges 14

7 Conclusion of the Internship 15

8 References 16

RAJANSHU SINGH 0101IT231056 9 |Page

 Introduction

I had the privilege of working as a Website Development Intern

at Octanet Services Pvt. Ltd. from February 20, 2024, to March
22, 2024, during my first year as an Information Technology
student. This internship provided me with an excellent
opportunity to apply the foundational knowledge I had acquired
during my studies to real-world web development challenges.

Over the course of the internship, I worked on front-end web

development, focusing on key technologies like HTML, CSS,
JavaScript, and React.js. I was involved in building live
projects, including a Tic Tac Toe game and a Netflix Clone,
which allowed me to gain hands-on experience and improve
my skills as an aspiring web developer.

This experience was instrumental in helping me understand the

web development process, from creating responsive designs to
integrating APIs, and gave me practical exposure to real-world
project workflows.

RAJANSHU SINGH 0101IT231056 10 | Page

 Requirements

During my internship at Octanet Services Pvt. Ltd., the following skills and
tools were required to successfully complete the tasks and projects assigned
to me:
Technical Requirements: HTML5: Fundamental for structuring web
content and creating user interfaces. CSS3: Used for styling, layout design
(Flexbox and Grid), and ensuring responsive behavior across different
devices. JavaScript (ES6): Essential for adding interactivity to web pages,
handling dynamic data, and DOM manipulation. React.js: Required for
developing interactive and dynamic user interfaces using a component-
based architecture. Version Control (Git & GitHub): Managing project
files, tracking changes, and collaborating with team members.

System Requirements: Laptop/Desktop: With sufficient specifications to run

a local development environment. Code Editor: Visual Studio Code was the
primary code editor used for writing, debugging, and executing code. Internet
Connection: Necessary for accessing online resources, version control
systems, and APIs.

Soft Skills: Time Management: Critical to handle tasks efficiently and meet
deadlines, especially when working on multiple projects. Team
Collaboration: Regular communication with the team and accepting
feedback was essential for project development. Problem Solving: Tackling
challenges in web development and debugging code was key to improving
the final output. These requirements equipped me with the tools and
mindset needed to contribute effectively to the internship and grow as a
web developer.

RAJANSHU SINGH 0101IT231056 11 | Page

 Technologies Used:

During my internship at Octanet Services Pvt. Ltd., I worked

with a range of web development technologies that played a
crucial role in completing my assigned projects. The key
technologies and tools I used include:
HTML5:

The foundation for building the structure of web

pages. I used HTML5 to create semantic, well-
organized content for both the Tic Tac Toe game
and the Netflix Clone.
CSS3:

Used for styling and laying out web pages. I

applied CSS Flexbox and Grid for creating
responsive layouts that adapt to different screen
sizes. I also implemented various styling
techniques to enhance the visual appeal of the web
pages.
JavaScript (ES6):

JavaScript was essential for adding interactivity to

my projects. I utilized modern ES6 features such as
arrow functions, template literals, and modules to
streamline my code. JavaScript was also used for
DOM manipulation in the Tic Tac Toe game and
for API integration in the Netflix Clone project.

RAJANSHU SINGH 0101IT231056 12 | Page

 Technologies Used:

React.js:

React was a core part of my work, especially for building

the Netflix Clone. I used React’s component- based
architecture to create reusable UI components, manage
state, and render dynamic content efficiently. React
Hooks like useState and useEffect were key in handling
state and side effects in my applications.

Git & GitHub:

Version control was handled through Git, and I used

GitHub to manage my project repositories, track changes,
and collaborate with my team. Git was invaluable for
keeping a history of code revisions and ensuring smooth
project development.

These technologies were integral to the completion of my

projects and gave me a deeper understanding of modern
web development tools and practices.

RAJANSHU SINGH 0101IT231056 13| Page

 DESCRIPTION OF THE PROJECT
DONE
During my internship at Octanet Services Pvt. Ltd. from February 20,

2024, to March 22, 2024, I worked on two main projects that helped

me apply my skills in web development and gain valuable hands-on

experience. These projects were:

1. Tic Tac Toe Game
The Tic Tac Toe game was one of the first projects I worked on during

my internship. The goal was to create a simple yet functional web-

based version of the classic Tic Tac Toe game.

HTML5: Used to structure the game board and layout. CSS3:
Applied for styling, creating a clean and minimalistic game
interface. I used CSS Flexbox to ensure the grid was properly
aligned and responsive on all screen sizes. JavaScript: Implemented
the game logic for player turns, checking for winning combinations,
and resetting the game for a new round. I also utilized DOM
manipulation for dynamic game updates.

RAJANSHU SINGH 0101IT231056 14| Page

2. Netflix Clone (Page 7) The second major project I worked on
was creating a Netflix Clone, which was an exciting opportunity
to simulate the user interface and functionality of a popular
streaming service.
Project Objective: The goal was to build a replica of Netflix’s
front-end, allowing users to view a list of movies and shows, and
gain experience in handling dynamic content through API
integration. Key Features:
A homepage with sections displaying categories of movies/shows
such as "Trending," "Top Rated," etc. Clicking on a movie
poster would fetch additional information about the movie, such
as its rating and description. Responsive design to ensure
usability across devices (desktop, tablet, and mobile).

Technology Used:

I used CSS Grid and Flexbox for organizing movie thumbnails and
ensuring they adjusted smoothly on different screen sizes. JavaScript
(ES6): Used to handle the logic for fetching movie data from an
external API and displaying it dynamically within the application.
APIs: I worked with movie data APIs to fetch real- time content for
the web app. The API provided information such as movie titles,
descriptions, ratings, and posters, which were then dynamically
rendered in the application.

RAJANSHU SINGH 0101IT231056 15| Page

 CHALLENGES

Throughout my internship at Octanet Services Pvt.

Ltd., I encountered several challenges that pushed
me to improve my technical and problem- solving
abilities. These challenges included:

Learning Curve with React.js:

As a first-year IT student, my prior experience with

React.js was limited. Understanding the component-
wbaitshedin aracphpitlieccattuiroen s andw asm
aninaigtiinagll y stacthea llenging.
However, with guidance from my team and self-
learning, I was able to overcome this hurdle and
complete the Netflix Clone project successfully.
Rtuetsoorliuatlsio, nd:o cumIe ntatiuotnil,i zaendd hanodnsl-
ionne practice to get familiar with React and its ecosystem,
which helped me deliver my projects on time.

RAJANSHU SINGH 0101IT231056 16 | Page

 CHALLENGES

Responsive Design Issues:

Ensuring that web applications were responsive

across multiple devices (desktop, tablet, and mobile)
was a key challenge. It required me to dive deeper
into CSS Flexbox and Grid layouts to ensure
consistent user experiences on all screen sizes.
Resolution: I made use of media queries and
followed best practices in responsive design, which
helped me improve the layout and scalability of my
projects.

Time Management:

Balancing project deadlines, college assignments,

and self-study was challenging during the
internship
time management
period.
and Resolution: Effective
setting daily goals allowed me
to meet both academic and internship requirements
without compromising on the quality of work.

RAJANSHU SINGH 0101IT231056 17 | Page

 UTILITY & USE CASES IN REAL WORLD

During my internship at Octanet Services Pvt. Ltd., I

worked on projects that had practical applications and real-
world relevance. The following projects demonstrate the
utility and impact of web development in everyday
scenarios:

Tic Tac Toe Game:

The Tic Tac Toe game is a simple yet engaging web

application that allows two players to compete on a
3x3 grid. This project served as an excellent way to
demonstrate interactive web design and
JavaScript’s ability to handle game logic and DOM
manipulation. Real-World Use Case: Such games
are often used on educational websites, coding
platforms, and casual entertainment apps, allowing
users to enjoy games while learning logic-based
problem-solving.

RAJANSHU SINGH 0101IT231056 18 | Page

 UTILITY & USE CASES IN REAL WORLD

Netflix Clone:

The Netflix Clone project simulated a popular

streaming service’s front-end user interface, allowing
users to browse and view a mock list of movies and
shows.
Utility: This project demonstrated the importance of
API integration and handling dynamic data in a web
application. By mimicking the responsive design and
data fetching capabilities of Netflix, the project
showcases essential skills in front-end development
using React.js. Real-World Use Case: Streaming
platforms like Netflix, Amazon Prime, and Disney+
utilize similar
interfaces and technologies to offer an intuitive user
experience for millions of users worldwide. The skills
acquired through this project are highly transferable
to various industries requiring dynamic, user- focused
web applications.

These projects not only helped me strengthen my technical

skills but also showcased how web technologies are applied
to solve real-world problems, enhancing user experience
across different platforms.

RAJANSHU SINGH 0101IT231056 19 | Page

 CONCLUSION

My internship at Octanet Services Pvt. Ltd. from February 20,

2024, to March 22, 2024, has been a highly rewarding and
educational experience. As a first-year Information Technology
student, this internship offered me the opportunity to gain
practical exposure to web development, which greatly enhanced
my understanding of real-world applications of the concepts I
had learned in class.
Working on projects such as the Tic Tac Toe game and Netflix
Clone helped me improve my skills in HTML, CSS, JavaScript,
and React.js. I learned how to develop responsive, interactive web
applications and gained valuable insights into the importance of
API integration, version control using Git, and the overall project
development process.
Moreover, this experience taught me the importance of
collaboration and communication in a professional setting. I
worked closely with my team and received constructive feedback,
which helped me improve my problem-solving abilities and grow
as a developer.

In conclusion, the internship was an essential stepping stone in

my career as a web developer, providing me with the skills and
knowledge needed to take on more challenging projects in the
future.

RAJANSHU SINGH 0101IT231056 20 | Page

 References

MDN Web Docs: HTML, CSS, JavaScript

(https://developer.mozilla.org/)
React-JavaScript Documentation as per officials:-
(https://reactjs.org/docs/getting-started.html)
Online Courses on Udemy (Web Development)
(https://www.udemy.com)
Chai aur Code Youtube Channel-JavaScript and
React
Git and GitHub Version Control(github.com)

RAJANSHU SINGH 0101IT231056 21 | Page