Overview
Portfolio Website v1.0 was my first real end-to-end build: designing the layout, writing every line of markup, styling every component by hand, and shipping it to a live domain with a custom URL.
Problem
I needed a place to present my work and prove I could actually build and ship something — not follow along with a tutorial, but take a project from a blank file to a deployed, polished site entirely on my own.
What I Built
A fully responsive static site with sections for about, projects, experience, and contact. I implemented scroll-triggered section reveal animations in vanilla JavaScript, built a custom SCSS variable system for consistent theming, and made every layout decision by hand — no grid frameworks, no component libraries.
Technical Decisions
I deliberately avoided frameworks. Learning HTML, SCSS, and JavaScript at the foundational level — without abstractions smoothing over the hard parts — meant I understood exactly what was happening at every step. That foundation paid off significantly when I moved into React and component-based development.
Impact
More than anything, this project built the confidence that I could design, build, and ship something real. The lessons from fighting with responsive layouts and vanilla JS interactions by hand are baked into how I think about frontend development now.
Demo
Live site and repository links above show the original implementation.