Welcome to Mapty! π This project demonstrates how to use Object-Oriented Programming (OOP) principles in JavaScript to create a workout tracking application with interactive maps. π
- Workout Tracking: Users can log running and cycling workouts, including distance, duration, and additional metrics. πββοΈπ΄ββοΈ
- Interactive Map: Displays workout locations on an interactive map using Leaflet.js. π
- Custom Workouts: Allows users to add custom workouts with specific details and see them on the map. π
- Local Storage: Saves workouts to local storage so that they persist across page reloads. πΎ
- Form Management: Toggles between running and cycling inputs based on user selection, and handles form submission and validation. π
- Map Navigation: Users can click on a workout in the list to navigate to its location on the map. πΊοΈ
- JavaScript: For application logic, OOP principles, and managing state. π₯οΈ
- Leaflet.js: For embedding interactive maps and handling map events. πΊοΈ
- HTML/CSS: For building and styling the application interface. π¨
A special thanks to Jonas Schmedtmann for the excellent course that provided this project. π
Happy tracking! π