Skip to content

canattmaca/MapApp

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 

Repository files navigation

React Map Application

Map App picture

Description

This project is a map application developed using React and Leaflet libraries. The application allows you to save locations on the map and list the locations you have saved. You can also download flagged location data in JSON format.

Requirements

Node.js and npm should be installed.

Installation and Running

  1. Download or clone the project files to your computer.

  2. Navigate to the downloaded project folder through the terminal.

  3. Go to the server folder and install the required dependencies by running the following command:
    . cd server
    . npm install

  4. Start the project from the client folder by running the following command:
    . npm start

  5. Open http://localhost:3001 in your browser to view the application.

Usage

  1. Hover over the desired location on the map and click the "Add Point" button. The marked location will be displayed with the marker.
  2. The list of marked points will be displayed on the right. Latitude, Longitude and the date of each point will be displayed in the list.
  3. Click on a point in the list to focus on that location on the map.
  4. To delete a point from the list, click the "Delete" button next to that point. You can download the data of the marked points in JSON format by using the "Download JSON" button at the bottom of the point list.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published