Harun Kestendžić

Smaller projects

Mapty

A workout log on a map: click the map, add a run or a cycling ride, and it stays saved.

  • Uses the browser's location to centre a Leaflet map, and a click on the map opens a form for a new workout.
  • Written with ES classes: a Workout class with Running and Cycling classes that extend it, and an App class for the interface.
  • Workouts are stored in localStorage and come back when the page is opened again. Clicking one in the list moves the map to it.

These follow the course material, so they show what I learned, not original designs.

Type
Web
What it is
Web, learning project
Built with
JavaScript, Leaflet
The Mapty app with three workouts (two runs and a cycling ride) in the list and their pins with popups on a map of Sarajevo.
Three workouts: each is listed on the left and marked on the map, with its popup open.