PORTFOLIO WEBSITE

DOCUMENTATION

Introduction:
A portfolio is a collection of an individual's or a company's work samples,
accomplishments, and experiences that showcase their skills, expertise, and
potential. Portfolios are particularly important in creative fields such as art, design,
writing, and photography, but they are also valuable in various other professions.

OVERVEIW:
An overview of a portfolio website refers to a brief summary of my
showcases of a company's work, skills, education and experiences. A portfolio
website is designed to present one's professional accomplishments and creative
work to potential employers, clients, or collaborators.

Technologies Used:
 Frontend: HTML and CSS
 Frameworks: Bootstrap and MD-Bootstrap for basics structuring of website

Website Layout:
The website is designed with an asymmetrical layout, providing a modern and
dynamic appearance. However, upon first impression, it also gives the impression of
a split-screen or Fullscreen layout, particularly evident on the landing page.
Website Design Lifecycle:
1. Gathering Information:
 Identify the purpose and goals of the website, focusing on skills and
journey of my life.
 Gather information about the education, skills, contact details, and login
system requirements.
2. Creating Raw Design:
 Develop a basic skeleton or wireframe of the website layout using pen and
paper, concentrating on a distributed layout that reflects a split-screen or
full-screen layout.
3. Writing Content:
 Craft compelling and informative content for the website, drawing
inspiration from similar academy websites and utilizing ChatGPT for
assistance.
 Ensure that the content covers all aspects of the academy, including its
skills, education, journey.

4. Coding:
  Translate the wireframe and content into code using HTML, CSS.
 Implement responsive design techniques to ensure the website looks and
functions well across various devices and screen sizes.
5. Testing:
 Conduct thorough testing of the website's functionality and performance,
including navigation, forms, carousel, filtering options, and login system.
 Gather feedback from beta users to identify any issues or areas for
improvement.
6. Launching:
 Once testing is complete and any necessary adjustments are made, launch
the website on the web under a domain name
 Ensure that all pages, links, and features are working correctly in the live
environment.

Website Structure (Sitemap):

 Home
 About
 My journey
 Skills
 Contact me
 Login
Responsive Design:
The website is designed with responsiveness in mind, ensuring optimal
viewing and interaction experiences across a wide range of devices and screen
sizes. Whether accessed on desktop computers, laptops, tablets, or smartphones,
the website adapts seamlessly to provide a consistent and user-friendly
experience for all visitors.

Conclusion:
 A portfolio is a vital tool for professionals and creatives, serving as a visual
representation of their skills, experiences, and accomplishments. By curating a
well-organized collection of work samples, project descriptions, and personal or
professional information, individuals can effectively showcase their expertise
and attract potential clients, employers, or collaborators. A portfolio website,
designed with user-friendly navigation and visually appealing elements,
enhances accessibility and reach. In summary, a comprehensive portfolio
highlights one's abilities, expands professional networks, and opens doors to new
opportunities.