This is my attempt at using Vue and the Strava api to display some visualizations and authentication.
I don't have a clear goal, but maybe someone will find something useful.
You can see a live example here: Live Demo
A few technologies used:
- Vue.js - Obviously
- Jest - For testing
- d3 - For plotting the geo coordinates
- Vue Dev Tools - Chrome extension for debugging vue components and vuex state
- Bulma - For a nice responsive layout and fun components
- Stdlib - For the backend api
- Netlify - For hosting
It's pretty simple to fire up locally:
- Git clone it
- Run
yarn
to install dependencies - Run
yarn serve
You will need to change the endpoint in the .env.development file, and that also requires Stdlib to be running locally. Otherwise, you can point it at the .env.production
endpoint. I will add the bit of code run by Stdlib, but it's not much.
There are a number of options for deploying to a live a site. I am currently using Netlify to pull from this repo's master branch. So the steps are:
- Run
yarn build
which outputs a minified and optimized version - Push to github
You could also simply upload to S3.
Just your run-of-the-mill MIT.