Kingdom Hearts Completion Tracker

A 100% completion tracker web app for all seven games in the series

Back to Projects Screenshot of the Kingdom Hearts completion tracker

A web app for tracking 100% completion across the entire Kingdom Hearts series: trophies, treasures, synthesis materials, commands, and collectibles for seven games, plus a Birth by Sleep command melding calculator. It runs entirely in the browser with no backend, no account, and no tracking, and it's live on this site.

Under the hood it's vanilla JavaScript with a service worker for offline use, so progress can be checked mid-game without a connection. Saves live in localStorage with JSON export/import as a portable backup. Because the app is deployed on two different domains, it also includes a cross-origin sync bridge that merges progress both ways between the two copies, so a checkmark set on either site is never lost.

The app is developed in its own repository and mirrored into this site by a sync script, keeping it fully self-contained: its own styles, scripts, translations, and service worker scope, isolated from the rest of the site.

Engineering Highlights

  • Checklist tracking for trophies, treasures, and collectibles across seven games
  • Birth by Sleep command melding calculator with recipe lookup
  • Offline-capable via a service worker, with no backend required
  • Two-way save syncing between deployments on different origins, plus JSON export/import
  • Bilingual interface (English and French) driven by JSON language files