My Travels
Travel map on a 3D globe
Visit the site- Role
- Frontend
- Year
- 2024
- Type
- Travel map
- Built with
- Next.js
- TypeScript
- Tailwind CSS
- shadcn/ui
- React Three Fiber
A map of every place I’ve been, pinned on a 3D globe you can spin.
After a few dozen countries, photo albums and lists just weren’t cutting it. I wanted one place where I could see everywhere I’d been.
A 3D globe made with React Three Fiber, with a pin for every place. Spin it, click a country, and a side panel opens with the details of that trip.
Travel log
For the redesign I wanted it to feel like a travel journal, not a dashboard. Instrument Serif (some of it in italic) gives the headings that journal feel, JetBrains Mono handles the coordinates, country codes and dates, and Inter covers everything else. The colours are near-black and silver with one warm orange for places I’ve actually lived, so home stands out from the places I’ve only visited.
- Type
- Instrument Serif · Inter · JetBrains Mono
- Colour
- Night#07090CBackground
- Fog#ECEEF1Text
- Steel#8B93A0Labels
- Ember#FF8A3DPlaces lived
