Spot the Difference is a web app where you're shown two snippets of code (programming, config files, style sheets, etc) and you're supposed to find the one difference. If you get it right, you get showered in confetti.
This started as an excuse to try out some relevant patterns in React that I was working on. I was also curious about writing a SPA (Single Page App) using Bun and React Router v7 (as a library). It started as a quick prototype, with no intention to keep it. But then I found it was quite fun to play and I liked the foundation of the prototype code; so I decided to clean it up and keep it. After all, it's free.
There's a goose on the home page because when I first showed my son the prototype, I said: "It's a silly goose game. Wanna try it?". So it stuck.
The technology behind it
At its core, it's Vite with the React TypeScript template.
The routing is done with React Router v7, as a library.
The styling is Pico.
Bun is used to run and build Vite.
The hosting is Firebase Hosting which is it's CDN static file hosting.
The local offline storage is Dexie.js.
Code styling and linting is done with Biome.
The CI is Playwright running inside GitHub Actions.
The code is open over at: GitHub peterbe/spot-the-difference.
I like this stack. To me this is more or less the peak as of 2025 for this kind of web single page app development.
Comments