Skip to content

This project demonstrates how to use Object-Oriented Programming (OOP) principles in JavaScript to create a workout tracking application with interactive maps. πŸš€

Notifications You must be signed in to change notification settings

naijadevgamer/mapty-oop

Repository files navigation

πŸ—ΊοΈ Mapty

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. πŸš€

πŸ“š Features

  • 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. πŸ—ΊοΈ

🎨 Technologies Used

  • 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. 🎨

πŸ’‘ Acknowledgments

A special thanks to Jonas Schmedtmann for the excellent course that provided this project. πŸ™

Happy tracking! πŸ˜ƒ

About

This project demonstrates how to use Object-Oriented Programming (OOP) principles in JavaScript to create a workout tracking application with interactive maps. πŸš€

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published