A JavaScript practice project to log and track workouts (running/cycling) directly on a map with a fully interactive UI.
Mapty is a learning project built entirely with vanilla JavaScript to practice object-oriented programming and API integration.
The app uses the browser’s geolocation to fetch the user’s current position and renders an interactive map with Leaflet. By clicking on the map, users can log either a running or cycling workout.
Key features include:
Logging workouts with pace/speed calculations.
Fetching weather and location data via external APIs.
Editing, deleting, sorting workouts.
Storing all data in LocalStorage for persistence.
Navigating directly to workouts on the map.
This project demonstrates strong fundamentals in OOP, DOM manipulation, event handling, Local Storage, and AJAX, making it a solid portfolio example for front-end development.
