TravelMap

TravelMap is my personal travel archive: an interactive map, trip browser, photo gallery, timeline, and stats dashboard built around the places I have visited, lived in, or plan to visit.

The live app is available at map.pivi.dev.

What It Does

• Shows visited, lived, and future cities on an interactive world map.
• Draws trip routes and opens city tooltips directly from the map.
• Groups trips by year, with detail pages for route, dates, duration, and cities.
• Displays city photo galleries with a full-screen lightbox.
• Tracks timeline and stats: distance, transport mode rankings with km, airline and ferry company rankings, continents, countries, currencies, timezones, UNESCO sites, and media count.
• Supports English and Italian, light and dark themes, and mobile / desktop layouts.

Stack

Repository

.
├── logos
├── scripts
│   └── uploader
└── travel-map
    ├── public
    └── src

• travel-map is the React application.
• scripts: Contains a folder with the scripts used to process and upload images/videos and generate the JSON file.
  • Uploader: generates compressed and thumbnail images from travel photos and videos. It uploads them to bunnyCDN and generates a JSON file with the metadata. This JSON file is then used by the React app to display the galleries.
• logos contains app and README logo assets.

Local Development

cd travel-map
pnpm install
pnpm dev

Useful commands:

pnpm run lint
pnpm run build
pnpm run knip

Deploy

cd travel-map
pnpm run deploygh