An open API service indexing awesome lists of open source software.

https://github.com/luiisca/trektrack

workout-tracking map app with running/cycling logs. Built with JS, Leaflet.js, HTML, and CSS
https://github.com/luiisca/trektrack

html-css-javascript leaflet workout-tracker

Last synced: about 1 month ago
JSON representation

workout-tracking map app with running/cycling logs. Built with JS, Leaflet.js, HTML, and CSS

Awesome Lists containing this project

README

          

# TrekTrack πŸ—ΊοΈ

![Status](https://img.shields.io/badge/status-completed-green)

TrekTrack is a modern, web app that allows you to log and visualize your running and cycling workouts on an interactive map.

![Screenshot](preview.png)

## ✨ Features

- **Interactive Map**: Uses Leaflet.js to provide a dynamic map interface.
- **Geolocation**: Pinpoints your current location to easily log workouts nearby.
- **Workout Tracking**: Log running or cycling workouts with details like distance, duration, cadence, and elevation gain.
- **Data Persistence**: All workout data is saved to the browser's local storage, so your information is available whenever you revisit the app.
- **Workout Deletion**: Easily remove workouts you no longer wish to track.

## πŸ› οΈ Built With

- Vanilla JavaScript
- [Leaflet.js](https://leafletjs.com/) - An open-source JavaScript library for mobile-friendly interactive maps.
- [Cloudflare Workers](https://www.cloudflare.com/developer-platform/products/workers/) - For serverless deployment and logic.

## πŸš€ Getting Started

```sh
git clone https://github.com/luiisca/TrekTrack.git
cd TrekTrack
npm install
npm run dev
```

This will start a development server, and you can view the application in your browser at the local address provided in the terminal.

## 🌐 Demo

http://trektrack.luiisca.workers.dev