Pranav-Jadhav09 / Mapty-app

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

Home Page:https://modern-mapty-app.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

https://modern-mapty-app.vercel.app

License:MIT License


Languages

Language:JavaScript 51.0%Language:HTML 30.6%Language:CSS 18.4%