This is a simple web app written in Vue that takes a tab delimited text file and shows some basic stats in a fun way to see which US city you could run to and how long it would take based on your running stats.
npm install
npm run serve
npm run build
npm run lint
If the site is viewed on anything smaller than a desktop view, it gets quite distorted.
For the test data, there are many pockets of data missing. If someone is previewing how it looks, it can make it appear broken.
One of the options to rever geocache is through Open Street Map, however, they require a custom referer and user agent when requesting the info. This only implements Vue.js in the frontend and would require impelementing a server backend to complete the requests.
I was able to use the EventBus to get the emitted events, which works well. However, the events could have been a little more organized. In a larger application I would have implemented Vuex to have better state management.
With such a small app, it didn't mmake sense to use a full blown state management, but keeping the emitted events organized will help in the future if I decide to go a similar route and realize that Vuex would need to be implemented.
Right now, there's no intructions on what format the data needs to be in. This should be added in the future.
This could include walking, biking, etc. :)