Architected a state-of-the-art personal engineering portfolio showcasing cloud architectures, autonomous AI agents, interactive 2D physics sandboxes, and bilingual internationalization.
The Challenge: Elevating Beyond Generic AI Developer Portfolios
Most developer portfolios rely on predictable templates with purple gradients and low information density. The goal was to build a distinctive, tactile experience with WebGL shaders, Matter.js physics interactions, and accessible craftsmanship conforming to the strictest performance and SEO standards.
Modern Next.js 16 App Router Stack
Built on Next.js 16 and React 19 with Tailwind CSS v4. Features OGL WebGL shaders with automatic fallbacks for reduced-motion, spring-physics drag interactions, and zero layout shift on view transitions.
Key Engineering Challenges
- 1
Guaranteeing 60fps physics simulation on low-power mobile devices.
- 2
Strict zero-runtime bilingual switching without hydration flicker.
Quality & Performance Audit
- 100 / 100
- Lighthouse Performance
- 100 / 100
- Accessibility
- 0.000
- Cumulative Layout Shift
- llms.txt + JSON-LD
- SEO & AEO Readiness