Skip to main content
All work

Personal site · design + build · live

This site

This site — home page screenshot
Next.jsTypeScriptGSAPnext-intlTailwind

Challenge

A portfolio for a full-stack developer has to prove the same things it claims: real engineering, real design judgement, and enough restraint to not turn every section into a demo reel. It also had to work in four languages without becoming four separate sites to maintain, and hold up for visitors who never enable JavaScript at all.

What was built

Light and dark themes chosen by OS preference and then remembered, four languages with automatic detection, and a scroll-driven card deck for the featured work that pins the viewport and cycles cards front-to-back as the visitor scrolls — validated as an interactive HTML prototype before a line of it was ported into React. Content stays fully visible without JavaScript: nothing depends on a script running to become readable.

Technical decisions

Next.js App Router with next-intl for routing and translations, Tailwind v4 for styling, GSAP and ScrollTrigger for the pinned deck and scroll reveals, Three.js dynamically imported so it never touches the main bundle. The layout itself — where the eye lands first, how far down "the work" sits — was validated with predictive eye-tracking tooling before any production code was written, not adjusted by guesswork after the fact.