Problem
One place to prove my work.
I needed a fast, credible home for recruiters — easy to navigate, with projects, resume, and contact one click away.
Featured Case Study
CodeByGyan.
My personal developer portfolio — this site — built from scratch in vanilla HTML, CSS, and JavaScript with a reusable design system, no frameworks.
Approach
Recruiter-first, framework-free.
Clear hierarchy and real proof, built in plain HTML/CSS/JS so the engineering is mine end-to-end.
Build
A reusable design system.
Light/dark theme, a command palette (Ctrl / ⌘ + K), animated stat counters, lazy-loaded media, and consistent components across every page.
Result
Fast, responsive, SEO-ready.
A live site with canonical URLs, Open Graph, JSON-LD, a sitemap, and optimized assets — deployed at codebygyan.xyz.
What This Shows
Front-end craft without a framework.
Design-system thinking, accessible vanilla-JS interactions, and real performance and SEO care — proof I understand the fundamentals, not just a library.
Design
Tokens, components, and a consistent dark/light system.
Build
Vanilla JS for palette, theme, counters, and reveal animations.
Optimize
Compressed assets, lazy loading, and full SEO metadata.