Mapty is a web application designed for fitness enthusiasts to track their workouts and visualize their routes on an interactive map. Users can create, edit, and delete workouts, which are displayed as markers on the map, along with essential details such as distance and duration.
Features
- Interactive Map: Visualize your workouts on a map using Leaflet.js.
- Add Workouts: Users can add new workouts by clicking on the map.
- Edit Workouts: Existing workouts can be edited to update details.
- Delete Workouts: Users can remove workouts as needed.
- Sort Workouts: Easily sort workouts from newest to oldest or by distance.
- Location Information: Automatically fetch and display the city and country for each workout location using the Nominatim API.
Technologies Used
- HTML
- CSS
- JavaScript (ES6)
- Leaflet.js
- Nominatim API
Usage
- Click on the map to add a new workout.
- Enter the workout details such as distance and duration.
- Use the sorting buttons to arrange workouts by date or distance.
- Click on existing markers to view details of your workouts.
- Edit or delete workouts as needed.