canattmaca/mapapp

React Map Application

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.