TODO.md

• render openstreetmap api

• Press map and render a new marker

  • Press map, get a position
  • transform position to a marker

• Create a list of locationMarkers.

  • Define a data format that is easily readable by a server, and that can recreat the markers.

• Render Lines between markers.

• Can markers be moveable

• Measure distance between all points. so the route distance.

• Insert marker between two markers.

  • maybe i should allow for split and concatination of the array

• Add a new different icon

• change the color of the line

  • If i want the above to be customiziable how do i have to structure my code?

• Be able to Remove Marker - Part of Route

• Make marker Popup disappear after removing a Marker.

• Would it work to have the polylines follow when i drag a point? How does React handle this rerender?

• Is there a way to add a Marker between two Markers if i press the polyline for example.

• Right click on Marker to remove it.

• Resize Map

• Figure out how to add contol overlay component

• Position overlay element and popover on mobile screens probably need library like Floating UI

• Add tests for - Measure distance, Remove marker

• Define UI tests that can be implemented for the Route state.

  • if i click remove, the specific marker was removed, and the popup is gone etc.

• Undo button

  • Save each state in memory and we can then backtrack between the seen states.

• Calculate Calories display

• Make running map into reusable component, then start creating design for app.

Later:

• make account to save route
• Show calories
• movable panel