https://github.com/tanzeem131/trackr-map-your-workouts
TRACKR is a workout tracker application that allows users to log and visualize their workouts based on geographical locations. It enables users to record various types of workouts (running, cycling) along with details such as distance, duration, and workout type. App displays workouts providing a visual representation of user's fitness activities.
https://github.com/tanzeem131/trackr-map-your-workouts
Last synced: 2 months ago
JSON representation
TRACKR is a workout tracker application that allows users to log and visualize their workouts based on geographical locations. It enables users to record various types of workouts (running, cycling) along with details such as distance, duration, and workout type. App displays workouts providing a visual representation of user's fitness activities.
- Host: GitHub
- URL: https://github.com/tanzeem131/trackr-map-your-workouts
- Owner: tanzeem131
- Created: 2024-01-16T19:16:57.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-08-08T16:43:33.000Z (10 months ago)
- Last Synced: 2025-02-01T17:41:47.974Z (4 months ago)
- Language: JavaScript
- Homepage: https://trackr-webapp.netlify.app/
- Size: 3.11 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# `TRACKR: MAP-YOUR-WORKOUTS`
- I have finised building this TRACKR after learning Object Oriented Programming (OOP) in JavaScript from Jonas Schmedtmann's course.
- I explored "LEAFLET" - A javasvript open source library that is used to interact with maps.
- And worked with the loacalStorage to store data in browser.
## Description
TRACKR is a workout tracker application that allows users to log and visualize their workouts based on geographical locations. It enables users to record various types of workouts (running, cycling, etc.) along with details such as distance, duration, and workout type. The app displays workouts on an interactive map, providing a visual representation of the user's fitness activities.
- [👉Live demo👈](https://trackr-webapp.netlify.app/)
## Features
- Log different types of workouts with details (running, cycling, etc.)
- Record workout details like distance, duration, and workout type
- Geolocation integration to display workouts on an interactive map
- Visual representation of workouts with markers on the map
- Summary statistics for workouts including total distance and duration
## Extra features added:
- Button for delete all Workouts
- Button for delete a workout
## Technologies Used
- HTML5
- CSS3 (with SCSS preprocessor)
- JavaScript (ES6+)
- Leaflet api for interactive maps
- Geolocation API for location tracking
- LocalStorage for data persistence
## Flowchart
## Installation
1. Clone the repository: `git clone https://github.com/your-username/mapty-project.git`
## Usage
1. Upon opening the app, click on the map to add a new workout.
2. Select the type of workout, input workout details, and save.
3. View your workouts displayed as markers on the map.
4. Check summary statistics for all your recorded workouts.
## Contributing
Contributions are welcome! If you'd like to contribute to this project, please follow these steps:
1. Fork the repository
2. Create a new branch: `git checkout -b feature/new-feature`
3. Make your changes and commit them: `git commit -am 'Add new feature'`
4. Push to the branch: `git push origin feature/new-feature`
5. Submit a pull request
## Credits
This app was developed by me based on concepts from [The Complete JavaScript Course](https://www.udemy.com/course/the-complete-javascript-course/) by Jonas Schmedtmann.