Travel Map
Pin the places you've been and watch the map fill in.
IntermediateWeb appMedia10–20hAI-buildable 5/5needs Nominatim geocodingworth shipping
A personal travel log: pin locations, attach notes and dates, and see coverage summarised by country and continent. The satisfying version adds a timeline scrubber so you can watch your own history accumulate.
UI
Logic
Useful
Hosting · Free forever
Deploys free on GitHub Pages, Cloudflare Pages or Vercel Hobby.
Deploy it and share a link.
Core features · 7
- Search for a place and drop a pin
- Attach dates, notes and photos to a pin
- Visited countries highlight on the map
- Summary statistics by country and continent
- A timeline scrubber filters pins by date range
- Clustering keeps dense areas readable at low zoom
- Data persists and exports as JSON
The interesting part
- Marker clustering that recalculates smoothly on zoom
- Mapping a coordinate to its country without a huge dataset
- Keeping the map responsive with hundreds of pins
Once it works
- Draw routes between chronologically adjacent pins
- Add a shareable read-only view
- Add a wishlist layer distinct from visited
Suggested stack
reacttypescripttailwindleafletlocalstorage
External APIs
- Nominatim geocoding · no key