Skip to content

nagolnad/RunMap

 
 

Repository files navigation

RunMap

Main build badge - definition

See it in action at runmap (.) run.

Running map distance app

Designed for anyone looking to plot out a run/bike/walk and find out the distance of their route. Use it for planning a route, or getting a sense of your route after a workout.

  • Click the map to add segments to chart out your run and see the total distance. The shortest route between that and the preceeding point is used.
  • Remove the last marker to undo an incorrect point or a more specific route.

Dev setup

  • Get an access token from mapbox.
  • Run npm run init <your token from above> to set it up as a secret.
  • Use npm run serve to start serving locally on port 9000.

TODO

  • Elevation along route
  • Simple instructions in-app (better user guidance/education)
  • Mile markers along route

Thanks

Changelog

  • 12/19/21: Added the ability to download/upload runs, as well as caching the current run in the browser
  • 11/28/20: Refactored a bit to better abstract out mapbox API, localStorage interactions
  • 6/14/20: Updates to the testing experience, take advantage of existing libraries to simplify things
  • 3/28/20: Audits, enabled Github workflows, also added extra accessiblity/aria context
  • 8/13/19: Allowed selecting map visual style
  • 8/4/19: Contributed types, now consuming them
  • 7/24/19: Closer to proper types for mapbox-sdk, more obfuscation, updated packages
  • 5/26/19: Added side menu, choose to follow roads or not
  • 3/30/19: Material icons, improved labels
  • 3/16/19: Refactored distance formatting
  • 3/14/19: Setup Jenkins ci/cd
  • 3/11/19: Configure km/mi for distance
  • 3/4/19: Initial release

About

Running map distance app

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript 74.1%
  • HTML 11.3%
  • CSS 10.1%
  • JavaScript 3.2%
  • Shell 1.3%