CodSoft Internship

Summer Training Project Synopsis

Bachelor of Technology
Information Technology

SUBMITTED BY
Yuvraj Veer Dhawan
05-IT-A
00520803121
Information Technology
Dhawanyuvi108@gmail.com

Bhagwan Parshuram Institute Of Technology

 INTRODUCTION

Embarking on my web development internship, I entered a dynamic realm where

innovation and technology are the driving forces. This synopsis encapsulates the
transformative journey I undertook during my internship, offering a comprehensive
overview of the projects, skills, and insights gained. Within these pages, we will
explore the intricacies of web development, including the challenges faced and the
enduring impact of this experience. Join me as we navigate through the chapters of
my web development internship, where learning, growth, and contribution
converged to shape a promising future in the digital arena.

The projects that I covered in my internship are:-

 Landing Page
 Portfolio
 Calculator
 1. LANDING PAGE
Overview:

The landing page project aims to create an engaging and visually appealing single web
page designed to capture user attention and encourage them to take a specific action,
such as signing up, downloading, or exploring further.

Key Features:

 Eye-catching design with a clear call to action.

 Responsive layout for various devices.
 Integration with analytics tools for tracking user interactions.
 Minimalistic design to convey essential information.

Technologies Used:

While creating a Landing page website, following tech stack is expected to be used:
 HTML for structure
 CSS for styling
 JavaScript for interactive elements

Methodology:

Agile methodology was employed for rapid development. Frequent iterations and A/B
testing were conducted to refine the design and call-to-action (CTA) elements for
optimal conversion rates.

Conclusion:

The Landing Page Development project aims to create a compelling, user-centric

landing page that not only attracts visitors but also converts them into leads or
customers. It follows an agile development approach with a strong emphasis on user-
centered design, performance optimization, and data-driven decision-making to
achieve its conversion goals.
 2. Portfolio
Overview:
The Portfolio Website Development project focuses on designing and building a
personal or professional portfolio website. The purpose of this website is to showcase
an individual's work, skills, achievements, and personal brand to potential clients,
employers, or the broader online audience.

Key Features:
 Gallery of work with detailed descriptions.
 Contact information and social media links.
 Customizable templates for personal branding.
 Blog section to share thoughts and insights.

Technologies Used:
 HTML and CSS for structuring and styling
 JavaScript to add interactivity, such as smooth scrolling, interactive navigation,
and dynamic content loading.
 Employed media queries and responsive design principles to make the website
mobile-friendly and adaptable to different screen sizes.
 Version Control (e.g., Git) to track code changes and collaborate with others
efficiently.

Methodology:
 Waterfall Approach: Follow a sequential development approach, starting with
planning and design, followed by development, testing, and deployment.

Conclusion:
The Portfolio Website Development project aims to create a visually captivating, user-
friendly, and informative online portfolio that effectively represents the individual's
skills and achievements. It follows a structured development methodology with a strong
focus on user-centred design, accessibility, and SEO best practices to enhance its
online visibility and accessibility.
 3. CALCULATOR
Overview:

The simple calculator project focuses on building a basic web-based calculator that can
perform arithmetic operations like addition, subtraction, multiplication, and division. It
provides a user-friendly interface for quick calculations.

Key Features:
 User-friendly interface with a numeric keypad.
 Support for basic arithmetic operations.
 Real-time calculation and result display.
 Responsive design for various screen

Technologies Used:
 HTML: Utilized for structuring the calculator's layout and user interface.
 CSS: Applied for styling, ensuring an appealing and responsive design.
 JavaScript: Implemented core functionality, enabling real-time calculations and
interactivity.

Methodology:
 Requirements Gathering: Detailed requirements were collected, encompassing
user interface design, functionality, and user expectations for the calculator
application.
 Design and Planning: A thorough design and planning phase was executed,
covering the architecture, layout, and database (if applicable) design.
 Development: The calculator was implemented using HTML for structuring, CSS
for styling, and JavaScript for core functionality.

Conclusion:
The Calculator project represents a significant milestone in web development, combining
technical skills, structured methodology, and feasibility analysis, making it a valuable
addition to my portfolio. It serves as evidence of the ability to create practical web
applications while considering key project aspects systematically.
 BIBLIOGRAPHY

https://reactjs.org/docs/getting-started.html : Refer to the

documentation for guidance on creating components. Understand how
to use functional components, hooks, and class components, and when
to use each. Understand how to create custom hooks.

https://www.w3schools.com/js/ : Used for documentation in JavaScript.

https://github.com/ : Used GitHub to host the project.

https://youtube.com/ : For referencing the solution of various minor

issues that come while building the project.

https://developer.mozilla.org/ : Utilized as a valuable resource for web

development documentation, tutorials, and reference materials
throughout the internship project

https://www.google.com/ : Used for general online research and

searching for relevant information related to the internship project,
including problem-solving and research on various topics.