I.
Summary
Overview
A third-generation personal platform with two distinct theming modes — an editorial magazine layout and a terminal REPL — each with its own light and dark variants. Built on Next.js 16, Tailwind v4, and TypeScript, with live data integrations and dedicated case-study pages per project.
II.
Margin
Notes
- §Designed and implemented dual-mode theming with a shared content layer: editorial (serif magazine) and terminal (mono REPL), each with independent light/dark palettes.
- §Live GitHub activity sparkline backed by a cached Route Handler, powered by Recharts and a localStorage hydrate-then-refresh client pattern for instant repeat-visit paint.
- §Sticky scroll-spy navigation with animated underline, fluid clamp-based typography, and max-width container scaling to keep layouts usable from mobile to ultrawide.
- §Statically generated project detail pages under /projects/[slug] with shared editorial chrome, metadata strip, metrics break-out, and colophon footer.
- §Real-time Austin temperature in the masthead via Open-Meteo (no auth) and a dynamic month/year header that updates on mount to avoid hydration mismatch.
Other work
Live · 2025 — Present
Longhorn Sim Racing Platform
Events, Membership & Competition Management Platform
Next.js 16 · TypeScript · Prisma
In Development · 2024 — Present
Formula SAE EV Telemetry System
Distributed Real-Time Vehicle Telemetry & Analytics Platform
Next.js · TypeScript · Python
In Development · 2025 — Present
In-Vehicle Driver Dash System
Real-Time Driver Display for Vehicle State, Timing, and Energy Data
Real-Time Systems · WebSockets · HMI