Skip to content

This web application logs workouts for users in their desired location, using advanced Javascript, object-oriented programming, geolocation APIs, browser APIs, and external libraries.

License

Notifications You must be signed in to change notification settings

Pranav-Jadhav09/Mapty-app

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

25 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Awesome GitHub repo size Twitter Follow

Logo

Mapty App

Track your workouts, map your runs and cycling routes with Mapty. Stay updated on workout schedules and locations

➥ Live on vercel.app


Tech Stack

HTML5 CSS3 JavaScript Leaflet NPM Babel ChatGPT Vercel


Features

User Stories Features
Log my running workouts with location, distance, time, pace & steps/min 🍳 Map where user clicks to add new workout (best way to get location co-ordinates)
🗺 Geolocation to display map at current location (more user friendly)
🏃🏻‍♂️ Form to input distance, time, pace & steps/min
Log my cycling workouts with location, distance, time, speed & elevation gain 🚴🏻‍♂️ Form to input distance, time, speed & elevation gain
See all workouts at a glance 🧾 Display all workouts in a list
See my workouts on a map 📌 Display all workouts on the map
See my workouts when I leave the app & come back later 🏬 Store workout data in the browser using local storage API
📲 On page load, read the saved data from local storage and display

More Features to be added...

  • Ability to edit a workout
  • Ability to delete a workout
  • Ability to delete all workouts
  • Ability to sort workouts by a certain field (e.g. distance)
  • Re-build Running & cycling objecs coming from Local Storage
  • More realistic error and confirmation message
  • Ability to position the map to show all workouts
  • Ability to draw lines and shapes instead of just points
  • Geocode location from co-ordinates ("Run in Faro, Portugal")
  • Display weather data for workout time and place

Getting Started

This project require some prequesites and dependenscies to be installed, you can view it online using this demo. or you can find the instructions below

To get a local copy, follow these simple steps :

Installation

  1. Clone the repo
git clone https://github.com/Pranav-Jadhav09/mapty-app
  1. Install Dependencies
npm install
  1. Run start script
npm run start

Contributing

Contributions to this project are welcome! Feel free to submit pull requests or open issues for any improvements or features you'd like to add.


License

This project is licensed under MIT License.

About

This web application logs workouts for users in their desired location, using advanced Javascript, object-oriented programming, geolocation APIs, browser APIs, and external libraries.

Topics

Resources

License

Stars

Watchers

Forks