https://github.com/andrew-tsegaye/project-mapty-app
The app uses the Leaflet library to display the map and the Workout library to manage the workout data.
https://github.com/andrew-tsegaye/project-mapty-app
class javascript leafletjs map oop
Last synced: about 1 month ago
JSON representation
The app uses the Leaflet library to display the map and the Workout library to manage the workout data.
- Host: GitHub
- URL: https://github.com/andrew-tsegaye/project-mapty-app
- Owner: Andrew-Tsegaye
- Created: 2023-02-08T21:41:51.000Z (almost 3 years ago)
- Default Branch: start-engine
- Last Pushed: 2023-03-02T12:09:10.000Z (over 2 years ago)
- Last Synced: 2025-05-08T00:46:39.421Z (7 months ago)
- Topics: class, javascript, leafletjs, map, oop
- Language: JavaScript
- Homepage: https://project-mapty-app.netlify.app
- Size: 1.89 MB
- Stars: 10
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Project Mapty App
Welcome to the Mapty App project! This web application allows you to track your workouts by recording your location, distance, time, and other metrics using the browser's built-in geolocation and local storage APIs. You can create a new workout by selecting the type of activity (running or cycling), entering the workout details, and clicking on the map to set the starting and ending points of your workout.
> This project was developed as part of a coding challenge for an online course, and it was built using modern web development technologies such as HTML, CSS, and JavaScript. The app uses the Leaflet library to display the map and the Workout library to manage the workout data.
## Features
- 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.
- Edit or delete your workouts as needed.
- Save your workout data to local storage so that it persists even after you close the browser.
## Getting Started
To get started with the Mapty App, you can simply visit the live demo at https://project-mapty-app.netlify.app. Alternatively, you can clone the repository to your local machine and run the app locally.
## Prerequisites
To run the Mapty App locally, you will need to have the following software installed on your machine:
- Git
- Node.js
- NPM
## Installation
To install the Mapty App on your local machine, follow these steps:
1. Clone the repository to your local machine:
```bash
git clone https://github.com/Andrew-Tsegaye/project-mapty-app.git
```
2. Navigate to the project directory:
```bash
cd project-mapty-app
```
3. Install the dependencies:
```bash
npm install
```
4. Start the development server:
```bash
npm start
```
5. Open the app in your browser by visiting http://localhost:8080.
## Contributing
If you find a bug or would like to contribute to the development of the Mapty App, you can submit an issue or a pull request on the project's GitHub page at https://github.com/Andrew-Tsegaye/project-mapty-app.
## License
The Mapty App is open source software released under the MIT license. Feel free to use, modify, and distribute it as you see fit.
## Acknowledgments
- This project was inspired by the book "JavaScript: The Definitive Guide" by David Flanagan.
- Thanks to the Leaflet and Workout libraries for providing the core functionality of the app.
- Special thanks to the online course and coding challenge that motivated me to build this project and learn new skills!