โ† projects
web dev Jan 2025

Building a Backlog Tracker with SvelteKit

How I built this site โ€” reactive state, local storage sync, and why SvelteKit beat Next.js for this use case.

sveltekittypescriptcss

I wanted a place to track games without signing up to yet another service. The requirements were simple: dark mode by default, mobile-readable, and fast.

SvelteKit was the obvious pick. Its file-based routing means each section of the site (reviews, log, projects) maps directly to a folder. No config boilerplate. Svelte's reactivity model made the filter UI trivial โ€” a derived store off the games array, filtered by status. Done.

The game log lives in a single `games.js` file. Adding a game is just pushing an object. No database, no CMS. When it outgrows a flat file, I'll add a SQLite layer via Drizzle.