Globetrotter
Your personal atlas. Track where you've been, learn as you go, plan what's next.
- Next.js
- React
- Three.js
- D3
- TypeScript
Travel and curiosity are the same impulse. I wanted one place to hold both: mark the countries you've lived, log what you found there, wander the ones you haven't reached yet. Part travel diary, part interactive atlas.
Built on Next.js with a D3-powered SVG flat map and a WebGL 3D globe via react-globe.gl and Three.js. Country data, journal, and status all live in Zustand, persisted to localStorage. No account, no server.
What's inside
Track your travels
Mark countries Visited, Wishlist, or Blocked. A progress bar counts your tally against all 195 sovereign nations.
Travel journal
Notes, star ratings, a would-return toggle, best time to visit, and a month-picker for logging visit dates. Per country.
Globe and flat map
Switch between a pannable Mercator map and a 3D globe. Same data, two views.
Live advisories and flights
Blended US and Canada safety ratings on every country. A real aircraft updates every minute, with photo, route, and airport links.
Stays on your device
No account. No tracking. Export or import your data anytime as JSON.
- 3d
- globe
- interactive
- nextjs
- react
- threejs
- typescript
- visualization