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 · -
My FiveM Client Sandbox
16 min ·16 min readThe technical side of a FiveM profile launcher: NTFS junctions, Windows file locks, a hash that had to match a JavaScript bug, and rewriting the whole thing from Electron to Tauri to go from a 170 MB binary down to 5.
#project · #refactor · #rust · #tauri · #fivem · #desktop · Tauri 2 · Rust · Svelte 5 · TypeScript · Tailwind CSS · Bun · Windows · #project · #refactor · #rust · #tauri · #fivem · #desktop · Tauri 2 · Rust · Svelte 5 · TypeScript · Tailwind CSS · Bun · Windows · -
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 · -
The blog post about this blog
3 min ·3 min readA tour of my lawsonhart.me Astro codebase, what ships in the public template, and what stays site-only.
#project · #astro · #template · #blog · #vercel · #typescript · Astro · TypeScript · Tailwind CSS · Vercel · MDX · Pagefind · React · Cloudflare · #project · #astro · #template · #blog · #vercel · #typescript · Astro · TypeScript · Tailwind CSS · Vercel · MDX · Pagefind · React · Cloudflare · -
Building a Small Simple Comment System
11 min ·11 min readNotes from building my own comments service, threads, replies, likes, moderation, and the browser security work around them.
#project · #comments · #security · #moderation · PostgreSQL · Next.js · TypeScript · Vercel · React · #project · #comments · #security · #moderation · PostgreSQL · Next.js · TypeScript · Vercel · React · -
A Customizable Last.fm Now Playing Overlay
11 min ·11 min readHow I built a deeply themeable Last.fm now playing overlay with URL-based config, private profile support, and no server-side state.
#project · #overlay · #lastfm · #streaming · #customization · #widgets · React · Next.js · Vercel · TypeScript · Tailwind CSS · #project · #overlay · #lastfm · #streaming · #customization · #widgets · React · Next.js · Vercel · TypeScript · Tailwind CSS · -
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 ·