→ CONTEXT: Personal project: a portfolio that reads like a drafting table full of blueprints, notes and paper, instead of a resume
Most developer portfolios look like resumes. I wanted mine to feel like a creative piece.
A React and GSAP scrolling experience that tells my story, presents my projects and skills, and combines accessible interactions with carefully optimized motion.
A scrolling experience that tells my story, my projects, and my skills through a highly crafted frontend experience — communicating both technical depth and design sensibility.
Crawlers that do not run JavaScript get the full page, and there is no server render per request. The Cloudflare Worker only swaps title, meta and JSON-LD per route.
Instead of: Server-side rendering on Workers
The paper, tape and blueprint effects need clip-paths, masks and blend modes that no utility framework expresses well.
Instead of: Tailwind CSS or a component library
The smallest bytes for the hand-drawn artwork. Google Images has indexed AVIF since 2024, and preloads make the hero paint first.
Instead of: WebP with JPEG fallbacks
Consent Mode v2 keeps GA4 unloaded until the visitor says yes, so nothing is stored on a visit that declined.
Instead of: Loading analytics by default
A scrolling story: hero, about desk, blueprint project cards and a paper-plane contact section
An interactive UI system (doors, notes, tape, blueprints) that reflects product thinking and detail-oriented execution
Perfect PageSpeed scores while keeping the motion, thanks to preloading, prerendering and AVIF
