Client Showcase & Architecture

A production-grade personal portfolio built ticket-by-ticket with strict TypeScript, a real CI pipeline, and zero fabricated content — every section either ships real functionality or is explicitly marked as a placeholder pending real data.

• ▹Canvas-based particle grid background: devicePixelRatio-aware, debounced resize, rAF loop paused on tab-hide, respects prefers-reduced-motion
• ▹Interactive terminal CLI with a typed command registry; blog data is fetched server-side and threaded down as context, keeping filesystem access out of client code
• ▹MDX-powered technical blog: server-rendered shiki syntax highlighting (zero client JS for content), URL-search-param-driven filtering
• ▹Strict TypeScript throughout — noUncheckedIndexedAccess enabled, zero `any`, every component explicitly typed

CI

type-check + lint + build on every PR

Type safety

strict, zero `any`