Post List
-
A to-do app
6 min ·6 min readloife is the school dashboard I actually open before class. This is the UI work behind it: a swipe menu that fits a 375px phone, an add form cut from nine controls to four, and a grace period so ticking a box doesn't wipe the row.
#project · #ui · #ux · #mobile · #react · #school · TanStack Start · React 19 · TypeScript · Tailwind CSS · shadcn/ui · kibo-ui · Drizzle · PostgreSQL · Cloudflare R2 · Railway · #project · #ui · #ux · #mobile · #react · #school · TanStack Start · React 19 · TypeScript · Tailwind CSS · shadcn/ui · kibo-ui · Drizzle · PostgreSQL · Cloudflare R2 · Railway · -
The New Last.fm Now Playing Overlay
15 min ·15 min readHow I rebuilt a Next.js music overlay into a Bun + Hono + SvelteKit monorepo, moved Last.fm calls into the browser to scale past 200 viewers, and swapped a fixed grid editor for free positioning.
#project · #refactor · #lastfm · #streaming · #svelte · #bun · Svelte 5 · SvelteKit · Bun · Hono · TypeScript · Tailwind CSS · Redis · PostgreSQL · Drizzle · Railway · #project · #refactor · #lastfm · #streaming · #svelte · #bun · Svelte 5 · SvelteKit · Bun · Hono · TypeScript · Tailwind CSS · Redis · PostgreSQL · Drizzle · Railway · -
The Refactor of My Games App
15 min ·15 min readA technical comparison between the archived games-arch build and the newer games architecture.
#project · #refactor · #architecture · #realtime · #typescript · React · Vite · Hono · Node.js · Rocicorp Zero · PostgreSQL · Drizzle · TypeScript · Turbo · pnpm · #project · #refactor · #architecture · #realtime · #typescript · React · Vite · Hono · Node.js · Rocicorp Zero · PostgreSQL · Drizzle · TypeScript · Turbo · pnpm · -
Building a Self-Hosted Spotify Song Request Twitch Panel
9 min ·9 min readHow I built a self-hosted song request system with auth, moderation, queue control, and Spotify token management.
#project · #streaming · #spotify · #twitch · #oauth · React · Next.js · TypeScript · PostgreSQL · Drizzle · Tailwind CSS · #project · #streaming · #spotify · #twitch · #oauth · React · Next.js · TypeScript · PostgreSQL · Drizzle · Tailwind CSS ·