/mapty-workouts-app

🗺️ Mapty project made with Vanilla JavaScript for running and cycling workouts. An challenge provided by Jonas Schmedtmann in "The Complete JavaScript Course: From Zero to Expert!"

Primary LanguageJavaScript

Mapty-workouts-app

Mapty is a map application made with Vanilla JavaScript to store workouts like running and cycling.

Table of Content

Preview

Introduction

App Screenshot

This application renders workouts based on the user's location.

A workout that could be chosen:

  • Running
  • Cycling

User can:

  • Click on the map to choose the current location;
  • Add workouts;
  • Navigate to the corresponding workout on the map;
  • Delete workouts;
  • Delete all workouts;

Built with

  • CSS custom properties
  • Javascript
  • Object Oriented Programming (OOP)

Libraries

Extra features added:

  • Ability to delete all Workouts
  • Ability to delete a workout (with marker on the map)

Architecture

Architecture

Demo

You can see live demo here.

License

This was a learning project. You can not claim it as your own or use it to teach. @copyright @jonasschmedtmann