How we built a live UK fuel-price map for Quartix
A free live UK fuel-price map for Quartix: find the cheapest petrol and diesel nearby on an interactive map, built on the FuelChecker public feed.

The challenge
Fleet operators care about fuel price more than almost any other running cost, so a genuinely useful free tool is a strong reason to arrive at Quartix. The build had two hard requirements: the data had to be live public information with its licence attribution intact, and the map had to behave properly. Most map apps replace their markers on every viewport fetch, so zooming out leaves you looking at the handful loaded for the last view.
What we built
- An interactive UK fuel-price map with a forecourt list, station detail pane, map layers and labels, and a heat-map overlay
- Marker accumulation done properly: panning and zooming loads more forecourts and never removes the ones already on screen
- Live data pulled server-side from the FuelChecker public API, with no mock fallback - when the feed is unavailable the map shows nothing rather than inventing forecourts
- Open Government Licence attribution kept visible wherever the data appears, in the map attribution control and the station detail pane, as the feed requires
- Grade switching, a VAT toggle, browser price alerts, an About Quartix overlay and a mobile install gate
The result
The map ships as a free public tool on live government fuel data, with the licence attribution intact and no fabricated data anywhere in it. Separate from the Quartix channel-partner engagement. Presented deliverable-led: no traffic figure is claimed here.


Short, boring and the same on almost every build. That consistency is the point: nothing here is rented, and all of it is yours.
Claude Code
An AI engineer writing plain, fast code inside the repo - reviewed by a senior human before anything ships.
Read more →GitHub
Every change is a commit you can read and a pull request you can reject. The repository is yours from day one.
Vercel
Pages built ahead of time and served from a network near the visitor, with a preview deployment for every change.
Resend
Transactional email that reaches the inbox - form notifications and confirmations, properly authenticated.