A beansontoast product
Globetrotter
A personal atlas of where you've been, on a flat map or a 3D globe.
- Started
- Last change
- Licence
- MIT
What it is
A personal atlas. Mark each country visited, wished for or ruled out, keep a journal per country with ratings and visit dates, and watch the tally climb against the world's 195 countries, on a flat map or a 3D globe.
For Anyone keeping track of where they have been and where they want to go next.
How it works
- Your countries, journal and progressa Zustand store, persisted to localStorage
- Two renderers over the same dataa D3 SVG Mercator map and a WebGL globe (react-globe.gl, Three.js)
- Live layersUS and Canadian travel advisories, and a live aircraft from adsb.lol, through the app's own API routes
Decisions
- Two renderers over one dataset: a D3 SVG Mercator map and a WebGL globe through react-globe.gl and Three.js, switching views without converting data.
- No account and no server: country status, journal and progress live in Zustand, persisted to localStorage.
- Data stays portable: the whole state exports and imports as JSON.