WorldWise is a dynamic and user-friendly React application that allows users to document their travel experiences using an interactive world map rendered with the Leaflet API. This project enables users to easily track and record cities they've visited, along with personalized descriptions, creating a customizable and visually appealing travel log.
- Interactive Map Interface: Users can click on the map to add cities to their visited list, providing an intuitive and engaging way to record travel memories.
- Geolocation Integration: Automatically centers the map on the user's current location, enhancing usability and navigation.
- Customizable Travel Log: Users can attach detailed descriptions to each city entry, allowing for a personalized and visually appealing travel log.
To get started with WorldWise, follow these steps:
-
Clone the repository:
git clone https://github.com/Alextz307/WorldWise.git cd worldwise -
Install dependencies:
Make sure you have Node.js installed, then run:
npm install
-
Run the development server:
Start the app locally:
npm run dev
After performing these steps, you should be able to access the application via the URL provided in the terminal output (probably http://localhost:5173).
- Explore the Map: Navigate the interactive world map.
- Add Visited Cities: Click on any location on the map to add it to your visited list.
- Geolocation: Allow the app to access your location to automatically center the map where you are.
- Personalize Entries: Add descriptions to each city to create a customized travel log.
- React: Front-end JavaScript library for building the user interface.
- Leaflet API: JavaScript library for interactive maps.
- Geolocation API: Used to retrieve the user's current location.