https://github.com/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.
https://github.com/pranav-jadhav09/mapty-app
classes-in-javascript javascript javascript-applications leaflet mvc-architecture oop-in-javascript single-page-applications
Last synced: 7 months ago
JSON representation
This web application logs workouts for users in their desired location, using advanced Javascript, object-oriented programming, geolocation APIs, browser APIs, and external libraries.
- Host: GitHub
- URL: https://github.com/pranav-jadhav09/mapty-app
- Owner: Pranav-Jadhav09
- License: mit
- Created: 2024-01-09T07:46:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-01-15T08:29:45.000Z (over 1 year ago)
- Last Synced: 2025-01-22T01:36:39.257Z (9 months ago)
- Topics: classes-in-javascript, javascript, javascript-applications, leaflet, mvc-architecture, oop-in-javascript, single-page-applications
- Language: JavaScript
- Homepage: https://modern-mapty-app.vercel.app
- Size: 1.93 MB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
[](https://awesome.re)
[](https://twitter.com/Pranav_Jadhav09)
## Mapty App
Track your workouts, map your runs and cycling routes with Mapty. Stay updated on workout schedules and locations
### Tech Stack
### 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](https://modern-mapty-app.vercel.app/). or you can find the instructions below
> To get a local copy, follow these simple steps :
### Installation
1. Clone the repo
```sh
git clone https://github.com/Pranav-Jadhav09/mapty-app
```
2. Install Dependencies
```bash
npm install
```
3. Run start script
```bash
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](./LICENSE).