Personal Portfolio

using Web Development (HTML, CSS and JavaScript)

Roll number: 1251-21-862-006

Name: Hrithika Gowlikar
Contact number: 7989227493

1
 ABSTRACT
OBJECTIVE:

⦁ The aim of this project is to develop a personal portfolio site. A portfolio site is
relevant now because we can showcase all the details about our academic
activities and extra curriculars without any restrictions. A personal portfolio
website aims to establish your professional credibility and build trust with
visitors. It showcases qualifications, education, certifications, and past
experiences, highlighting your expertise and accomplishments.

⦁ The website serves as a platform to attract new opportunities such as job offers,
freelance projects, collaborations, or speaking engagements. By showcasing your
work and skills, it helps create visibility and generates interest from potential
employers or clients.

⦁ The website can also showcase your professional growth and progression over
time. By regularly updating your portfolio with new projects, skills, or
achievements, you can demonstrate your dedication to continuous learning and
improvement.

⦁ Overall, the objective of a personal portfolio website is to effectively promote

your skills, accomplishments, and professional brand, attracting new opportunities
and establishing credibility in your chosen field.

2
SCOPE OF THE PROJECT:

⦁ A personal portfolio website has a wide scope and can be highly beneficial for
individuals in various fields. Here are some points highlighting the scope of
personal portfolio website:

⦁ Showcasing Work and Skills: A personal portfolio website serves as a platform to

display your professional work, projects, achievements, and skills. It allows you to
showcase your expertise, creativity, and experience in a visually appealing and
organized manner.

⦁ Building an Online Presence: In today's digital age, having an online presence is

essential. A personal portfolio website helps you establish your online identity and
serves as a central hub for potential employers, clients, or collaborators to learn
more about you and your work.

⦁ Job Search and Networking: A portfolio website can act as a powerful tool during
job searches. We can include our resume, testimonials, and references, making it
easier for recruiters or hiring managers to assess our qualifications. Additionally,
the website can facilitate networking opportunities as it provides an accessible
platform to connect with like-minded professionals or potential collaborators

3
EXISTING SYSTEM:
The existing system for a personal portfolio website may involve individuals relying on
traditional methods to showcase their work and skills. This could include creating
physical portfolios, sharing files or documents through email or messaging platforms, or
relying on social media platforms to display their work in a limited manner. The existing
system might lack a centralized and professional platform that effectively represents the
individual's skills, achievements, and experiences.

PROPOSED SYSTEM:
The proposed system is a personal portfolio website that addresses the limitations of the
existing system. The website serves as a comprehensive and professional platform to
showcase the individual's work, skills, and achievements. It provides a centralized hub for
potential employers, clients, or collaborators to explore the individual's portfolio.

The proposed system offers the following features and functionalities:

⦁ User-Friendly Interface: The website provides an intuitive and user-friendly

interface, allowing visitors to easily navigate through the portfolio sections and
access the desired information.

⦁ Portfolio Display: The website enables users to present their work in a visually
appealing and organized manner. It allows the inclusion of project descriptions,
images, videos, or links to demonstrate the individual's expertise and
accomplishments.

⦁ Skills and Expertise Showcase: The proposed system includes a dedicated section
to highlight the individual's skills, areas of expertise, certifications, and
educational background. This section effectively communicates the individual's
qualifications and establishes their professional credibility.

4
 ⦁ Resume/CV Integration: The personal portfolio website integrates the individual's
resume or curriculum vitae, providing a comprehensive overview of their work
experience, education, and relevant qualifications. This integration helps potential
employers or clients easily access and review the individual's professional
background.

⦁ Contact Information and Social Media Integration: The website includes contact
details such as email address, phone number, and links to social media profiles,
making it convenient for visitors to connect with the individual for job
opportunities, collaborations, or further inquiries.

⦁ Responsive Design: The proposed system ensures that the personal portfolio
website is accessible and optimized for various devices, including desktop
computers, tablets, and mobile phones. This responsiveness allows visitors to
have a consistent and user-friendly experience across different platforms.

⦁ Update and Maintenance: The personal portfolio website provides an easy-to-use

content management system (CMS) that allows the individual to update and
maintain their portfolio regularly. This ensures that the website remains up to date
with the latest projects, skills, or achievements.

By implementing the proposed system, individuals can have a professional and

centralized platform to effectively showcase their work, skills, and achievements,
enhancing their professional credibility and attracting new opportunities in their chosen
field.

MODULES DESIGN
The module design encompasses key components such as the Home Page, About Me
section, Portfolio display, Skills and Expertise showcase, Resume/CV integration,
Testimonials, Contact Information, and optional modules like Blog/News. These modules
are interconnected, creating a seamless user experience.

5
 SOFTWARE REQUIREMENTS:

⦁ Operating Systems such as Windows, macOS, Linux, and mobile operating

systems like iOS and Android.

⦁ A web server software like Apache, Nginx, or Microsoft IIS is required to host
and serve the website.

⦁ Various programming languages, such as HTML, CSS, JavaScript, and

frameworks like Bootstrap or React for front-end development. Back-end
development may involve languages like PHP, Python, Ruby, or Node.js,
depending on the chosen technology stack.

⦁ Text Editor and Integrated Development Environment (IDE) like Sublime Text,
Visual Studio Code, or an IDE like JetBrains PhpStorm, Eclipse, or PyCharm can
be used for coding and development tasks.

⦁ The website should be tested and compatible with popular web browsers such as
Google Chrome, Mozilla Firefox, Safari, and Microsoft Edge.

HARDWARE REQUIREMENTS:

⦁ Operating systems: Windows 8 or above

⦁ Processor: Intel i5 8th Gen

⦁ Memory: 2 GB minimum, 4 GB recommended

⦁ Scree resolution : 1280x1024 or larger

⦁ Internet connection : Required

6
7