Personal Portfolio

Personal portfolio built with a Nothing OS-inspired design language — featuring a custom spring-physics cursor, terminal-style boot sequence, and bento grid layout. Optimized for Core Web Vitals with prerendered HTML for SEO, Brotli compression, and intelligent code splitting. Challenge: Achieving premium animation quality (custom cursor, page transitions, scroll-driven effects) while maintaining sub-100ms interaction latency on lower-end mobile devices. Solution: Implemented hardware-accelerated spring physics using Framer Motion's useSpring with tuned stiffness/damping values. Separated animation-heavy components into lazy-loaded chunks, prerendered static HTML with Puppeteer for instant first paint, and achieved a 98 Lighthouse Performance score with a 12kB first-paint bundle.