https://github.com/kislevlevy/mapty
A workout tracking app that logs running and cycling stats on a map with a user-friendly interface.
https://github.com/kislevlevy/mapty
javascript map rest-api workout-app workout-tracker
Last synced: 7 months ago
JSON representation
A workout tracking app that logs running and cycling stats on a map with a user-friendly interface.
- Host: GitHub
- URL: https://github.com/kislevlevy/mapty
- Owner: kislevlevy
- Created: 2024-05-15T21:09:10.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-22T10:56:05.000Z (over 1 year ago)
- Last Synced: 2025-01-23T23:06:27.507Z (9 months ago)
- Topics: javascript, map, rest-api, workout-app, workout-tracker
- Language: JavaScript
- Homepage: http://kislev.me/mapty
- Size: 500 KB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mapty
## Project Overview
Mapty is a workout management app that allows users to track their running and cycling workouts on a map. The app provides a modern and responsive interface to view stats about workouts, including locations, durations, and distances.
## Features
- Track running and cycling workouts on a map
- Responsive elements and modern interface
- View stats about workouts
- Store workout data locally
## Technologies and Tools
- **HTML:** Structure of the web page
- **CSS:** Styling of the web page
- **JavaScript:** Application logic and interactivity
## Skills Demonstrated
- **JavaScript:** Implementing application logic
- **DOM manipulation:** Dynamically updating the content and style of the web page based on user interactions
- **REST API:** Fetching and handling data from external sources
- **Local Storage:** Storing and retrieving workout data locally
- **GIT:** Version control and collaboration
## Installation
To run the project locally, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/kislevlevy/mapty
```
2. Navigate to the project directory:
```bash
cd mapty
```
3. Open `index.html` in your preferred web browser.
> You can also preview the app by visiting the following link: [Mapty App](http://kislev.me/mapty)
## How to Use
- Add a new workout by clicking on the map and filling out the workout form.
- View your workouts on the map and in the workout list.
- Click on a workout in the list to center the map on that workout's location.
- All workout data is stored locally, so you can revisit your workouts anytime.