TravelMap

Travel Map is a web app I’m building to track my travels and document the places I’ve visited. It features an interactive map with markers for past trips and future destinations, creating a visual log of my journeys. Each visited location includes a dedicated photo gallery with images and videos, making it easy to relive and share my experiences. The project is available at this link

Project structure

.
├── logos
├── scripts
└── travel-map

• logos: Contains all the assets used in the app.
• 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.
• travel-map: houses the React app for the Travel Map project.

How to use it

1. Clone the repository

   git clone https://github.com/thisispivi/TravelMap.git

2. Navigate to the travel-map folder

   cd travel-map

3. Install the dependencies with:

   pnpm i

4. Run the app with

   pnpm dev

How to deploy

1. Navigate to the travel-map folder

   cd travel-map

2. Run the deploy command

   pnpm run deploygh