Portfolio Website 

The problem

Most developer portfolios are template-driven and visually generic — a card grid, a hero image, and a skills logo wall that looks identical to every other developer's page. Standing out to a recruiter who reviews dozens of portfolios a week requires a site that communicates craft at first glance.

The solution

I designed an editorial dark aesthetic with a single accent token, a fluid type scale that holds from 390px phones to ultra-wide monitors, and a WebGL aurora shader rendered on a single OGL triangle for the hero. A constellation particle canvas runs site-wide behind all content. Every page is statically generated, every animation is gated on prefers-reduced-motion, and the content layer is async-first so a CMS can replace the data source without touching a single component.

The outcome

A fully static site that scores 100 across Lighthouse categories, ships zero layout shift, and loads in under 1s on 4G. The same codebase serves as the primary demonstration of my Next.js, TypeScript, and design ability.

Architecture