Mapty Project is a supporting JavaScript learning project for tracking running and cycling workouts on a map.
It demonstrates object-oriented JavaScript, browser geolocation, Leaflet map integration, form validation, DOM rendering, and localStorage persistence.
- Requests the user's current location through the browser geolocation API
- Displays a Leaflet map
- Lets the user add running or cycling workouts by clicking on the map
- Calculates running pace and cycling speed
- Renders workouts in a sidebar list
- Adds map markers for each workout
- Stores workouts in localStorage
- Moves the map to a workout when selected from the list
- HTML
- CSS
- JavaScript
- Leaflet
- Browser Geolocation API
- localStorage
This is a JavaScript practice project, not a production fitness application. It is useful as a supporting portfolio item because it shows structured client-side logic and browser API usage.
- Add edit and delete workout actions
- Add better validation messages
- Restore class methods after loading workouts from localStorage
- Add mobile layout improvements