Mapty is a workout tracker application that allows users to log and visualize their workouts based on geographical locations. It enables users to record various types of workouts (running, cycling, etc.) along with details such as distance, duration, and workout type. The app displays workouts on an interactive map, providing a visual representation of the user's fitness activities.
- Log different types of workouts with details (running, cycling, etc.)
- Record workout details like distance, duration, and workout type
- Geolocation integration to display workouts on an interactive map
- Visual representation of workouts with markers on the map
- Summary statistics for workouts including total distance and duration
- HTML5
- CSS3 (with SCSS preprocessor)
- JavaScript (ES6+)
- Leaflet api for interactive maps
- Geolocation API for location tracking
- LocalStorage for data persistence
- Clone the repository:
git clone https://github.com/your-username/mapty-project.git - Navigate to the project directory:
cd mapty-project - Open the
index.htmlfile in your preferred web browser
- Upon opening the app, click on the map to add a new workout.
- Select the type of workout, input workout details, and save.
- View your workouts displayed as markers on the map.
- Check summary statistics for all your recorded workouts.
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
- Fork the repository
- Create a new branch:
git checkout -b feature/new-feature - Make your changes and commit them:
git commit -am 'Add new feature' - Push to the branch:
git push origin feature/new-feature - Submit a pull request
This app was developed by me based on concepts from The Complete JavaScript Course by Jonas Schmedtmann.