https://github.com/eacaps/runspeed-map
Runspeed map for Garmin tcx files
https://github.com/eacaps/runspeed-map
browserify leaflet react tcx
Last synced: about 2 months ago
JSON representation
Runspeed map for Garmin tcx files
- Host: GitHub
- URL: https://github.com/eacaps/runspeed-map
- Owner: eacaps
- License: unlicense
- Created: 2018-01-18T17:57:58.000Z (over 8 years ago)
- Default Branch: master
- Last Pushed: 2018-02-07T21:29:01.000Z (over 8 years ago)
- Last Synced: 2025-02-26T09:42:05.339Z (over 1 year ago)
- Topics: browserify, leaflet, react, tcx
- Language: JavaScript
- Homepage: http://runspeedmap.herokuapp.com/
- Size: 240 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# runspeed-map
I made this to brush up on starting a project from scratch. I liked interface Garmin already has for displaying all my GPS running data but I decided it would be a fun experiment to see if I could do a slightly different take on the data.
To challenge myself I also decided to try to implement the basic scale component using various frameworks. This is the React version, you can see the AngularJS(1.5) version here: https://github.com/eacaps/runspeed-map-angularjs.
## running
Running this app requires git and a relatively recent version of node and npm.
$ git clone git@github.com:eacaps/runspeed-map.git
$ cd runspeed-map
$ npm install
$ npm start
This will start the app at http://localhost:3000/.
## dev
$ npm run dev
Dev mode for this runs watchify to catch changes to the client side files. I went with browserify for now since it is easier to manage for simple projects - its command line based instead of webpack's config file based system.
## testing
jest and jasmine will be incorporated soon :(
## next
I actually dove straight into this before looking at the tcx file format. I just grabbed the first thing that came up for tcx - https://github.com/mapbox/tcx and used that as my parser. As it turns out, I actually lose some data fidelity using that parser so the next thing on my list of TODOs is re-writing the tcx parsing and segment creation to use: https://www.npmjs.com/package/tcx-js.
If you have another other sample data from other platforms you'd like included just hit me up with an issue or a pull request.