Folio Harsh Dev (v2)
A premium, fully custom developer portfolio built with Next.js 16, TypeScript, and Framer Motion - featuring scroll-triggered animations, a dynamic project showcase, GitHub stats integration, and a fully responsive layout.
Tech stack
Impact
Problem Statement
A second portfolio iteration needed to feel premium - custom design, smooth animations, live GitHub stats, and a project showcase that reflects real work.
Dataset
Project case studies, experience timeline, GitHub/LeetCode profile data, and tech stack content managed as structured site data.
Architecture
Next.js 16 + TypeScript with Framer Motion animations, custom CSS design tokens, dynamic GitHub stats, and 10+ interactive sections.
Model Selection
Next.js 16 for performance, TypeScript for maintainability, Framer Motion for scroll-triggered reveals, and Vercel for edge deployment.
Training Process
Four-phase build: design system → animations → content sections → performance/SEO optimization before Vercel deployment.
Evaluation Metrics
Results
A premium portfolio live at folioharshdev.vercel.app with custom beige/dark aesthetic, animated sections, and integrated coding profiles.
Key Learnings
- 1A cohesive design system saves time across every section.
- 2Scroll animations should enhance content, not distract from it.
- 3Integrating live GitHub stats makes a portfolio feel current.
Want to dig deeper?
Explore the code, or get in touch if you'd like to talk through the approach.