WorldWise is a responsive travel tracking application built with Vite and React. It allows users to track the cities they've visited on an interactive map, add personal notes, and explore their journey country by country.
https://hager9.github.io/WorldWise/#/
-
Homepage Landing View with a call-to-action: "Start tracking now".
-
Interactive Map powered by React Leaflet for selecting places.
-
Add New Places by clicking on the map.
-
Automatic City Info Detection including:
- City name.
- Country flag.
- Input for visit date and personal notes.
-
Geolocation Button to auto-locate your current position
-
Sidebar Lists showing: -Cities visited -Countries explored
-
Vite – Lightning-fast bundler and dev server
-
React – For building user interfaces
-
React Router DOM – Enables SPA-style routing
-
useReducer – Manages complex app state
-
Navigator API – For geolocation tracking
-
React Leaflet – Adds interactive maps with Leaflet.js
-
Custom Hooks & Context API – Clean and reusable logic patterns
- git clone https://github.com/hager9/WorldWise.git
- cd WorldWise
- npm install
- npm run dev
