Folio Harsh Dev — Portfolio v2
A premium, fully custom developer portfolio built with Next.js 16, TypeScript, and Framer Motion. Designed from scratch with a refined beige/dark aesthetic, scroll-triggered animations, a dynamic project showcase, GitHub & LeetCode stats integration, an experience timeline, tech marquee, and a fully responsive layout. Deployed on Vercel with blazing-fast performance.
Scope of Work
- Next.js
- TypeScript
- Framer Motion
- Vercel
- Full Stack
The Outcome.
See the results.
Performance Score
+0%
Lighthouse performance score on Vercel
Sections Built
+0%
Custom interactive sections
The Approach.
See how we did it.
Design System
Premium Beige & Dark Aesthetic
Built a cohesive design system using CSS variables, Google Fonts (DM Serif Display + Inter), and a curated warm beige/dark palette. Every token was hand-crafted for a premium look and feel.
Custom CSS design tokens (colors, spacing, radii)
Typography pairing: DM Serif Display + Inter
Glassmorphism and subtle gradient accents
Consistent micro-animation language across sections
Animations
Scroll-Triggered & Micro-Interactions
Implemented Framer Motion scroll-triggered reveals, staggered list animations, and fluid page transitions to create a dynamic, alive experience without sacrificing performance.
Framer Motion scroll-triggered entry animations
Staggered text and card reveal sequences
Smooth hover effects on all interactive elements
Splash cursor and marquee animations
Sections & Content
10 Custom Interactive Sections
Designed and built 10 distinct sections — Hero, About, Experience Timeline, Projects Showcase, Tech Marquee, Coding Profiles (GitHub + LeetCode), Services, Process, Stats, and Footer — each with unique layouts.
Dynamic GitHub & LeetCode stats integration
Experience timeline with animated markers
Tech stack marquee with live icons
Process workflow visualization
Performance & SEO
Vercel Deployment & Optimization
Achieved near-perfect Lighthouse scores through image optimization, lazy loading, Next.js server components, and proper meta tags for every route.
Next.js server components for zero client JS overhead
next/image for automatic WebP optimization
Structured metadata and Open Graph tags
Deployed on Vercel with edge CDN
More Projects
Harsh Pariya
Full-Stack - Frontend Focused
Interested in building something impactful?
Let's connect.
I'm a full‑stack engineer with a strong frontend focus, delivering performant, accessible web applications using React, Next.js, and TypeScript. I thrive on collaborating with teams that prioritize product quality, user experience, and measurable impact.