Welcome to the repository for my personal portfolio website! This project serves as a dynamic showcase of my skills, educational background, and experience as a Full Stack Developer.
It is built with pure HTML and CSS to ensure lightweight performance and clean, responsive design.
- Modern Dark Theme: A visually appealing and easy-to-read interface using a dark color palette (#1e1e1e, #2a2a2a) and highlight accents (#FFBF00).
- Responsive Layout: The design uses CSS Grid and Flexbox for adaptability, ensuring an optimal viewing experience on all devices (mobile, tablet, and desktop).
- Sticky Sidebar: On larger screens, the profile, contact details, and social links remain sticky on the side for constant accessibility.
- Skills Showcase: A dedicated section utilizing simple icon images to highlight core technologies: HTML5, CSS3, JavaScript, TypeScript, React, and Git & GitHub.
- Education Timeline: A clean, CSS-driven visual timeline to present academic qualifications.
- Portfolio Gallery: Highlights key projects with detailed cards, including:
- React-Python-Bestfriends-Webapp: Demonstrates full-stack integration (React frontend, Python backend).
- Mental Health Prediction Model: Showcases Machine Learning (ML) and Python skills.
This project relies purely on core web technologies:
- HTML5 (Structure)
- CSS3 (Styling, Layout, and Responsiveness)
- Remixicon (Used for social media icons)
- Simple Icons (Used for the technology skills section)
Follow these steps to clone this repository and run the portfolio locally on your machine.
You only need a modern web browser (like Chrome, Firefox, or Edge) to view the website.
-
Clone the repository:
git clone https://github.com/starJeet000/portfolio.git -
Navigate to the project directory:
cd portfolio.git -
Open the website: Simply open the index.html file in your preferred web browser.
open index.html
portfolio/
├── index.html # Main HTML structure and content (The entire website)
├── style.css # All custom CSS styles for aesthetics and responsiveness
└── Media/ # Directory containing profile image and project thumbnails
└── ... # (All referenced images and assets)
Feel free to connect with me!