Skip to content

Asmaa-204/WorldWise

Repository files navigation

Worldwise

Worldwise is a React-based web application that allows users to mark cities they have visited on a map, add notes to these cities, and keep track of the countries derived from their visited cities.

Try it now!

http://r7alah.netlify.app

Features

  • Interactive map to select and mark visited cities
  • Add personal notes to each visited city
  • Automatically derive and display visited countries
  • Save and retrieve your travel data

Demo

demo

Installation

Follow these steps to get Worldwise up and running on your local machine:

  1. Clone the repository:
    git clone https://github.com/Asmaa-204/WorldWise.git
  2. Navigate to the project directory:
    cd worldwise
  3. Install the dependencies:
    npm install
  4. Run the app:
    npm run dev;
  5. Run the server:
    npm run server;

Usage

  1. Select a City: Click on a city on the map to mark it as visited.
  2. Add Notes: Add notes about your visit to each city.
  3. View Visited Countries: The app will automatically derive and display the countries you have visited based on the cities you marked.

Worldwise Logo

About

Keep Track of Your worldwise Adventures

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published