App to map your workout activitites

📌 About

The application renders workouts based on the user's location.

A workout that could be chosen:

• Running
• Cycling

The app gets the current location from the browser and passes those cords into a library which renders a map on the position where the user can then initialize workouts by simple click events.

As soon as a workout gets submitted mapty will process the user data makes several ajax calls in the background and show the user the corresponding information for

• weather
• location
• calculations (pace, speed)

The UI can be manipulated from the user by:

• Editing workouts
• Deleting workouts
• Deleting all workouts
• Sorting workouts
• Navigating the map on the corresponding workouts on the map
• Overview of all workouts

👨‍💻 Built with:

• JavaScript
• HTML
• CSS
• Leaflet - JS library

✨ Features:

• Users clicks on the map to add new workouts
• Geolocation to display map at current location
• Form to input distance, time, pace, steps/minute
• Form to input distance, time, speed, elevation gain
• Display all workouts on the map

👉 Instructions

• Allow your browser to access your current location
• Click somewhere in the map to create a marker.
• Fill in the fields on the left using your 'workout' details.

Screenshots