Skip to content

🏃 A web app for visualizing Strava data made using Vue.js, Strava's V3 API, and Mapbox.

License

Notifications You must be signed in to change notification settings

juliancesaro/kudos

Repository files navigation

🏃🗺️
Kudos

Visualizing your Strava data

⚙️ Project setup

  1. Create a Strava API Application and get the Client ID and Client Secret.
  2. Create a Mapbox account and get your access token.
  3. Create a .env file in the root of the project that looks like:
   VUE_APP_CLIENT_ID=YOUR_CLIENT_ID
   VUE_APP_CLIENT_SECRET=YOUR_CLIENT_SECRET
   VUE_APP_MAPBOX_TOKEN=YOUR_MAPBOX_TOKEN
  1. npm install
  2. npm run serve

Don't forget to restrict your Mapbox token!

🚀 Project deployment

Set config variables

VUE_APP_CLIENT_ID=YOUR_CLIENT_ID
VUE_APP_CLIENT_SECRET=YOUR_CLIENT_SECRET
VUE_APP_MAPBOX_TOKEN=YOUR_MAPBOX_TOKEN

Configure redirect URI

In Login.vue, change https://www.kudos-web.app -> https://your-app.name

💻 Technologies and API's

About

🏃 A web app for visualizing Strava data made using Vue.js, Strava's V3 API, and Mapbox.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published