Skip to content

A React SPA for tracking visited cities on an interactive map. Built it to practice react-router-dom and leaflet third libraries.

Notifications You must be signed in to change notification settings

itisatashi/worldwise

Repository files navigation

🗺️ WorldWise

A React single-page application for tracking cities you've visited around the world with an interactive map.

🚀 Features

  • Interactive Leaflet map
  • Click to add cities
  • Reverse geocoding (coordinates → city names)
  • Date picker for visit dates
  • Notes for each city
  • Country grouping
  • User authentication
  • Responsive design

🛠️ Tech Stack

  • React 18 with Hooks
  • React Router v6 (nested routes)
  • Context API for state management
  • Leaflet for maps
  • Vite for build tooling
  • CSS Modules for styling
  • JSON Server for mock backend

📦 Installation

```bash npm install ```

🏃 Running the App

Start the development server: ```bash npm run dev ```

Start the JSON server (in another terminal): ```bash npm run server ```

Open http://localhost:5173

📖 Learning Project

Built while learning React SPAs from Jonas Schmedtmann's Ultimate React course on Udemy.

About

A React SPA for tracking visited cities on an interactive map. Built it to practice react-router-dom and leaflet third libraries.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published