This website. Designed and built as a scalable content system with a focus on storytelling, exploration, and demonstrating engineering capability through the product itself. Every interaction is intentional.
Results
5
Pages
Fully animated routes
< 90kb
Bundle
First load JS
Features
- →ASCII portrait rendered via canvas — interactive with hover effects and scan animations
- →ASCII globe with scroll-driven chapter storytelling across 4 life chapters
- →Work archive — 3D coverflow card stack with mid zone info column and slide-in detail panel
- →In-app terminal shell — navigate pages, deep-link to globe chapters, run custom commands
- →Radial theme switcher — 6 themes including vintage, aurora, and mono
- →Full-screen animated navigation with ASCII art
- →Contact page with scroll-triggered tagline animation into contact links
- →Film grain and scanline atmospheric overlays throughout
- →Data-driven content model — adding a project or timeline entry never requires touching components
- →PWA-ready with service worker and web manifest
Lessons Learned
- →Content modeling is the most important architectural decision in a content-heavy site
- →Animations must tell a story, not just look impressive
Story
Most portfolios are lists. I wanted to build something that communicates who I am through the product itself — architecture, interactions, and storytelling that demonstrate how I think.