INTERNSHIP REPORT

A report submitted in partial fulfillment of the requirements for the Award of

internship

BACHELOR IN COMPUTER
APPLICATION (BCA)
by
Name: Rahul Kumar
Enrollment No: 23071329328332

Under Supervison of

Name: Adil
Raja
Details of Company: Codsoft

(Duration: 15/09/2024 to 15/10/2024)

FACULTY OF
COMPUTER SCIENCE
AND INFORMATION TECHNOLOGY
KALINGA UNIVERSITY

SESSION : JULY TO DEC

i
 CERTIFICATE

This is to certify that the “Internship report” submitted by Rahul Kumar is work
done by her and submitted during 2024-2025 academic year, in partial fulfillment
of the requirements for the award of the BCA at Kalinga University

Supervisor Name : Adil Raja

Assistant professor
Faculty of CS and IT
Kalinga University, New Raipur. (CG)

Dr. Omprkash Dewangan

Head of Department
Faculty of CS and IT
Kalinga University ,New Raipur

ii
iii
 ACKNOWLEDGEMENT

I would like to express my sincere gratitude to all those who have supported and
guided me throughout my internship.
First and foremost, I extend my deepest appreciation to Mr. Adil Raja, my faculty
supervisor, for his invaluable guidance, support, and encouragement during the
course of my internship. His insightful advice and feedback were instrumental in the
successful completion of this report.
I am also grateful to my colleagues and mentors at Codsoft, where I had the
opportunity to learn and grow during my web development internship. Their
knowledge, expertise, and patience have significantly enriched my understanding of
the field.
Lastly, I am thankful to my family and friends for their constant support and
encouragement, without which this internship and report would not have been
possible.
Thank you all.
RahulKumar
BCA,3rdSemester
Kalinga University

iv
 ABSTRACT

INDEX

S.no CONTENTS Page no

1. Introduction...........................................................................................

2. Analysis...................................................................................................

3. Software requirements specifications......................................................

4. Technology..............................................................................................

5. Coding….....................................................................................................

6. Screenshots...................................................................................................

7. Conclusion.....................................................................................................

8. Bibilography

v
 1.Introduction
I had the privilege of completing an internship in web development at Codsoft,
where I applied theoretical knowledge to real-world projects, gaining practical
experience in creating responsive and functional web applications. This internship
served as a significant step in my journey toward becoming a proficient web
developer, enabling me to build on my skills in HTML, CSS, and JavaScript.
During the internship, I successfully completed the following key projects:
1. Personal Portfolio: I developed a professional online portfolio showcasing
my skills, achievements, and projects. This project emphasized clean design,
intuitive navigation, and responsive layouts, ensuring that the portfolio was
accessible across various devices and screen sizes.
2. Landing Page: I created an engaging landing page for a fitness service,
focusing on visual aesthetics, user experience, and effective call-to-action
elements. The design incorporated eye-catching visuals and well-structured
content, optimized for conversions.
3. Calculator: I built a user-friendly calculator using HTML, CSS, and
JavaScript, allowing for basic arithmetic operations. This project honed my
skills in JavaScript, emphasizing interactive elements, error handling, and a
seamless user interface.
Each of these projects allowed me to explore different aspects of web
development, from designing layouts and styling with CSS to implementing
interactivity using JavaScript. The experience significantly enhanced my technical
proficiency and deepened my understanding of web development principles.

6
 2.Analysis
The internship at Codsoft provided me with a well-rounded experience in web
development, enabling me to put theoretical concepts into practice and analyze the
effectiveness of my work through various projects. Below is an analysis of each
key project and the skills acquired:

1. Personal Portfolio

The creation of my portfolio was a comprehensive exercise in front-end

development. It required a detailed understanding of layout design,
responsive frameworks, and aesthetic considerations. I experimented with
different layouts and color schemes to present my work in the most
professional and visually appealing way.

o Skills Enhanced: HTML structuring, CSS styling, responsive design,

user interface (UI) principles.
o Outcome: A fully responsive and visually engaging portfolio,
demonstrating my skills to potential employers and clients.
o
2.Landing Page for a Fitness Service

This project involved designing a landing page aimed at converting visitors

into customers. The challenge was to balance aesthetics with functionality,
ensuring that the page was not only visually appealing but also user-friendly.

Skills Enhanced: UX/UI design, call-to-action strategy, content layout,

visual appeal.
o Outcome: A high-quality, conversion-focused landing page,
showcasing my ability to design user-centered interfaces.
3. Calculator Application

The development of a calculator allowed me to dive deeper into JavaScript

for creating interactive web elements. This project required a precise
understanding of logic implementation, error handling, and code
optimization. Implementing features like keyboard support and real-time
error feedback helped in enhancing user interaction. This project highlighted

7
 the importance of clean, maintainable code and effective debugging
technique

3.Software requirements specifications

1. Personal Portfolio
The portfolio project was an opportunity to present my skills and achievements
through a professional online presence.
 SRS Analysis:
o Functional Requirements:
 A homepage with a brief introduction and overview of skills.
 A dedicated projects section featuring detailed descriptions and
links to demos and code repositories.
 Responsive design for compatibility across various devices.
 Outcome: I developed a visually appealing and professional portfolio that
effectively showcased my skills and projects, following the defined
specifications.

2. Landing Page for a Fitness Service

The goal of the landing page project was to create a conversion-focused web page
that effectively conveyed the benefits of a fitness service.
 SRS Analysis:
o Functional Requirements:
 A prominent hero section featuring a headline and background
imagery.
 Content sections detailing service features, benefits, and
customer testimonials.

8
  Strategically placed calls to action to encourage user sign-up or
inquiries..
 Outcome: A highly effective and visually appealing landing
page, meeting all specified requirements, designed to engage
users and drive conversions

3. Calculator Application
This project involved developing a web-based calculator that was simple yet
effective. The primary focus was on accurate arithmetic operations and user-
friendly interaction.
 SRS Analysis:
o Functional Requirements:
 Ability to perform basic arithmetic calculations (addition,
subtraction, multiplication, division).
 A clear and intuitive interface with buttons for numbers and
operations.
 Outcome: A functional and reliable calculator application, following the
SRS to provide a seamless user experience with all required features

 Hardware Configuration
 Processor: AMD Ryzen 5
 The AMD Ryzen 5 processor provided powerful multi-core performance,
handling coding tasks, server-side scripting, and testing with ease.
 RAM: 16 GB DDR4
 16 GB of RAM allowed me to run multiple applications, such as the code
editor, browser, and development tools, without any performance issues,
ensuring smooth multitasking.
 Storage: 512 GB SSD

9
 A 512 GB SSD provided fast data access and ample storage space for all the
project files, development tools, and necessary applications.
 Graphics Card: AMD RX6500
 The AMD RX6500 dedicated graphics card supported smooth rendering for
multimedia content, enhancing the visual experience and making design
tasks easier.
 Screen: 15.6" Full HD (1920x1080) IPS display
 The 15.6-inch Full HD display offered clear, detailed visuals for coding,
debugging, and designing web applications.
 Keyboard & Mouse: Backlit full-sized keyboard with precision trackpad
 The ergonomic keyboard with backlighting was perfect for long coding
sessions, while the precision trackpad ensured smooth navigation.
 2. Software Setup
 Operating System: Windows 11 (64-bit)
 Provides a compatible environment for web development tools, ensuring
efficient software integration and performance.
 Web Browsers: Google Chrome (primary), Firefox, Edge
 These browsers were used to test the functionality and responsiveness of my
projects, using developer tools to debug and optimize the code.
 Code Editor: Visual Studio Code
 The primary editor for writing HTML, CSS, and JavaScript. Visual Studio
Code was used extensively for its syntax highlighting, extensions, and live
server preview.

10
 4.Technology

During my web development internship at Codsoft, I had the opportunity to work

on a range of projects that required the application of various front-end
technologies. These projects— a Personal Portfolio, a Landing Page, and a
Calculator—were built using industry-standard technologies including HTML,
CSS, and JavaScript. The goal was to create responsive, interactive, and visually
appealing web applications while following the best practices in web development.
The successful completion of each project was guided by a well-defined Software
Requirements Specifications (SRS) document. The SRS helped ensure that the
chosen technologies met the functional and non-functional requirements, providing
clarity and structure throughout the development process. Below is an analysis of
the key technologies used and their alignment with the SRS for each project.
Frontend Technologies
The frontend development focused on creating intuitive and interactive user
interfaces using the following technologies:
1. HTML5
o Purpose: Served as the foundational structure for all web pages. It
provided a semantic and well-structured layout, making the content
accessible and easy to navigate.
2. CSS3
o Purpose: Focused on styling the web pages, defining the visual
layout, colors, fonts, and overall design aesthetics.
3. JavaScript
o Purpose: Provided dynamic behavior and interactivity to the web
pages, allowing for a more engaging user experience.

11
 5.Coding

1. Personal Portfolio
The personal portfolio project was focused on creating a dynamic and professional
online presence. The coding process required a blend of front-end skills to make
the site both aesthetically pleasing and user-friendly.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Rahul Kumar - Web Developer Portfolio</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.5.2/css/all.min.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<a href="#" class="logo">Rahul</a>
<nav>
<a href="#home" class="active">Home</a>
<a href="#about">About</a>
<a href="#skills">Skills</a>
<a href="#projects">Projects</a>
<a href="#contact">Contact</a>
</nav>
</div>
</header>

<main>

12
 <section id="home" class="home">
<div class="container">
<div class="home-content">
<h1>Hi, I'm <span>Rahul Kumar</span></h1>
<p>Welcome to my portfolio! I'm a skilled and creative web
developer with a passion for creating beautiful, responsive, and user-friendly
websites.</p>
<div class="social-icons">
<a href="#" aria-label="LinkedIn"><i class="fab
fa-linkedin"></i></a>
<a href="#" aria-label="GitHub"><i class="fab fa-github"></i></a>
<a href="#" aria-label="Twitter"><i class="fab fa-twitter"></i></a>
<a href="#" aria-label="Instagram"><i class="fab
fa-instagram"></i></a>
</div>
<div class="cta-buttons">
<a href="#contact" class="btn">Contact Me</a>
<a href="#resume" class="btn btn-outline">Download CV</a>
</div>
</div>
<div class="home-img">
<img src="images/image__1_-removebg-preview.png" alt="Rahul
Kumar" />
</div>
</div>
</section>

<section id="about" class="about">

<div class="container">
<h2>About Me</h2>
<p>I am a 3rd semester BCA student at Kalinga University. My journey
as a developer started with a curiosity for technology and has evolved into a
passion for crafting seamless and efficient web solutions. I am focused on
expanding my expertise in full-stack development, particularly in creating
optimized, dynamic web applications.</p>
</div>
</section>

<section id="skills" class="skills">

<div class="container">

13
 <h2>Skills</h2>
<ul class="skills-list">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
<li>React.js</li>
<li>Node.js</li>
<li>Java</li>
<li>MySQL</li>
<li>MongoDB</li>
<li>Git & GitHub</li>
</ul>
</div>
</section>

<section id="projects" class="projects">

<div class="container">
<h2>Projects</h2>
<div class="project-grid">
<div class="project-card">
<h3>Portfolio Website</h3>
<p>A personal website showcasing my skills, experience, and
projects. Built using HTML, CSS,</p>
<a href="#" class="btn btn-sm">View Project</a>
</div>
<div class="project-card">
<h3>Calculator</h3>
<p>A Simple Calculator application designed to perform basic
arithmetic operation.Built using HTML,CSS and JavaScript. </p>
<a href="#" class="btn btn-sm">View Project</a>
</div>
</div>
</div>
</section>

<section id="contact" class="contact">

<div class="container">
<h2>Contact Me</h2>
<form id="contact-form">

14
 <input type="text" name="name" placeholder="Your Name"
required>
<input type="email" name="email" placeholder="Your Email"
required>
<textarea name="message" placeholder="Your Message"
required></textarea>
<button type="submit" class="btn">Send Message</button>
</form>
<div class="contact-info">
<p>Email: <a
href="mailto:[email protected]">[email protected]</
a></p>
<p>Phone: <a href="tel:+918709107369">+91-8709107369</a></p>
</div>
</div>
</section>
</main>

<footer>
<div class="container">
<p>&copy; 2024 Rahul Kumar. All rights reserved.</p>
</div>
</footer>
</body>
</html>

15
@import url('https://fonts.googleapis.com/css2?
family=Poppins:wght@300;400;500;600;700&display=swap');

:root {
--primary-color: #6C63FF;
--secondary-color: #4CAF50;
--text-color: #333;
--bg-color: #F9F9F9;
--card-bg: #FFFFFF;
}

*{
margin: 0;
padding: 0;
box-sizing: border-box;
}

html {
font-size: 62.5%;
scroll-behavior: smooth;
}

body {
font-family: 'Poppins', sans-serif;
font-size: 1.6rem;
line-height: 1.6;
color: var(--text-color);
background-color: var(--bg-color);
}

.container {
max-width: 120rem;
margin: 0 auto;
padding: 0 2rem;

16
}

/* Header Styles */
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
z-index: 1000;
}

header .container {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2rem;
}

.logo {
font-size: 2.4rem;
font-weight: 700;
color: var(--primary-color);
text-decoration: none;
}

nav a {
margin-left: 2rem;
color: var(--text-color);
text-decoration: none;
font-weight: 500;
transition: color 0.3s ease;
}

nav a:hover,
nav a.active {
color: var(--primary-color);
}

17
/* Home Section */
.home {
padding: 15rem 0 10rem;

6.Screenshots

18
19
20
21
22
23
24
 7.Conclusion

plex web The web development internship at Codsoft has been a highly valuable
and enriching experience, allowing me to apply theoretical knowledge to practical
projects while honing my technical skills. Over the course of the internship, I
completed several web development projects, including a Personal Portfolio, a
Landing Page, and a Calculator. Each project was carefully planned and executed
according to well-defined Software Requirements Specifications (SRS), ensuring
that both functional and non-functional requirements were met.
The experience deepened my understanding of core web technologies like HTML,
CSS, and JavaScript, enabling me to create responsive, visually appealing, and
user-friendly web applications. I learned the importance of coding standards,
efficient project management, and testing practices, all of which contributed to the
success of each project.
In addition, this internship helped me to understand the critical role that technology
choices play in project development, from ensuring compatibility across devices to
optimizing user experience. Working with these technologies has prepared me for
more advanced and comdevelopment tasks, as I have gained confidence in my
ability to handle front-end challenges and create polished, professional websites.
Overall, this internship has been instrumental in shaping my skills as a web
developer, providing me with a solid foundation for future endeavors. It has
emphasized the significance of continuous learning, adaptability, and problem-
solving in a rapidly evolving technological landscape. I am grateful for the guidance
and support provided by the team at Codsoft, and I am excited to leverage this
experience in my academic and professional journey ahead.

25
 8.Bibliography

Throughout my web development internship at Codsoft, I utilized various

resources to ensure the successful completion of my projects. These
resources provided valuable information on web development best practices,
coding standards, technology updates, and project management

26