juliancesaro / kudos

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

🏃🗺️
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

4. npm install
5. 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

• Vue.js
• Strava V3 API
• Mapbox