https://github.com/simandrew/mapty-app-js
Mapty App JavaScript
https://github.com/simandrew/mapty-app-js
Last synced: about 1 year ago
JSON representation
Mapty App JavaScript
- Host: GitHub
- URL: https://github.com/simandrew/mapty-app-js
- Owner: SimAndrew
- License: mit
- Created: 2023-08-18T09:58:07.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-09-07T09:13:49.000Z (over 2 years ago)
- Last Synced: 2025-01-12T11:32:17.382Z (about 1 year ago)
- Language: JavaScript
- Homepage: https://simandrew.github.io/mapty-app-js/
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## Mapty app
#### About:
To use the application, you need to give permission to the device location. The app uses the Leaflet open-source library to display the map.
* To confirm your data in the workout editor, use the enter button. After entering the last data.
* Track your workouts by recording your location, distance, time, and other metrics.
* Choose between running or cycling as the type of activity.
* See your workouts on a map with different markers for each activity type.
* View a list of all your workouts with details such as distance, time, speed, and elevation gain.
* Delete one or all your workouts as needed.
* Save your workout data to local storage so that it persists even after you close the browser.
#### Run the app
---
* Clone a project: `https://github.com/SimAndrew/mapty-app-js.git`
* Open project code in your editor.
* Run live server.
You can try here: [simandrew.github.io/mapty-app-js/](https://simandrew.github.io/mapty-app-js/)
#### Sample task, photo
---
#### Technologies
---
* HTML
* CSS
* JavaScript
* Leaflet is the leading open-source JavaScript library for mobile-friendly interactive maps
[leafletjs.com/](https://leafletjs.com/)
* localStorage api
* Adaptive layout