A portfolio engineered as its own strongest case study.
Fully verifiable. This is the site you're reading.
A developer portfolio has to do the impossible: look award-tier, load instantly, rank on Google and AI search, and prove real engineering, all at once. Most portfolios pick one and fabricate the rest.
Designed a three-layer design-token system (primitive → semantic → component) so the entire palette and type scale are swappable from one file, with guaranteed light/dark contrast.
Built on the Next.js App Router with React Server Components. Content ships as HTML, keeping client JavaScript minimal and SEO/AI crawlers happy.
Isolated all heavy work (3D hero, scroll choreography) behind dynamic imports so it never inflates the first load, and gated it behind reduced-motion and reduced-data preferences.
Wrote full JSON-LD structured data, a machine-readable llms.txt, and answer-first copy so AI engines can describe me accurately.
The hero shows your real LCP, INP and CLS for this page via the web-vitals API. The performance claim proves itself.
A React Three Fiber hero, lazy-loaded and reduced-motion-aware, with a static fallback so it never costs a Core Web Vital.
Every color, space, and type step is a token. No magic numbers, no Bootstrap smell.
Drag the handle. The same content, before and after the FORGE token system: an illustrative demo of the component, not a screenshot.
Devang Patel
Full-Stack Web Developer & WordPress Engineer
View workDevang Patel
Full-Stack Web Developer & WordPress Engineer
View work · Contact
Tell me about your project. I reply within 24 hours.