App Overview
This App logs and maps running and cycling workouts in a list and on a map • A historical record of workout data is kept by storing data to local storage
User Functionality
- Log a Workout
- • Click on the map where the workout was located
- • A form will popup - Enter workout Type: Running or Cycling, Distance, Duration, and Cadence (for running) or Elev Gain (for cycling) - Press Enter
- • Workout data will be displayed in a list and the map with a Location Marker
- • Clicking on a workout list item will center the map on that marker location
- • Closing the App window or browser and then restarting the App in the browser will cause the Workout Data to be re-displayed because the data is stored in the browser local storage area
Coding Features and Methods Used
• Base and Sub Classes • Geolocation API • Leaflet Mapping Library API • Local Storage • Form Data • Event Delegation • Private and Protected Fields and Methods • Dataset Attributes • Originally Designed Just for Desktop - Made Necessary Adaptations for Mobile Devices