-
-
Image for the project
About the Project
Inspiration
MapFit was inspired by the Mapty project by Jonas Schmedtmann. While using Mapty, I realized the need for a delete feature to manage workouts more effectively. This led me to reconstruct the project and enhance it with additional functionalities.
What I Learned
Through building MapFit, I improved my skills in:
- JavaScript (ES6+) – Handling events, local storage, and OOP principles.
- Leaflet.js – Working with interactive maps.
- Project Structuring – Organizing files and managing modularity.
- Debugging – Identifying and resolving issues in UI and data handling.
How I Built It
- Frontend: Built with HTML, CSS, and JavaScript for a seamless user experience.
- Map Integration: Used Leaflet.js to enable interactive workout tracking.
- Data Persistence: Implemented local storage to save workouts.
- Feature Enhancement: Added delete functionality to improve workout management.
Challenges Faced
- Managing State: Ensuring workout data updates correctly in UI and local storage.
- Map Interactions: Handling dynamic marker placements and deletions.
- UI Design: Keeping the interface clean while adding new features.
Despite these challenges, MapFit evolved into a more user-friendly and functional fitness tracker. 🚀
