Inspiration
As my first hackathon, I wanted to do something relating to one of my hobbies which to run. Strava is a social media where you can post runs, bike rides, or other sports to share with your friends. I was inspired by the Spotify applications, such as the Spotify Pie, which was made by other presumably students so I wanted to do something on that level. I wanted to motivate people to continue exercising as my rationale for social good.
What it does
My web app connects you to the Strava log in and then collects data from the Strava API on your account. It then redirects you to the next page where it shows data such as number of runs this year, distance ran, number of bike rides, etc. It also presents your profile picture and name.
How we built it
I used Express JS and Axios to manage the html pages and POST and GET the Strava API. Additionally I used HTML to build the web page.
Challenges we ran into
This was my first time using pretty much any of the technologies such as the Javascript libraries as well as the oauth authorization with the API. I wanted to use a Javascript script in the html to collect all the activities in my account to present all the routes on a heatmap but I found difficulty transferring the access token from the oauth script which also was used to work with the redirect after authentication. I ran into the Cross-Origin Resource Sharing error when I would use the access token when it was embedded in the html file so I had to do a workaround.
Accomplishments that we're proud of
This was my first time with many things so I am happy I decided for myself what I wanted and took steps to work towards what I wanted to build.
What we learned
I learned how Javascript worked as well as its libraries. I learned how to set up an application with OAuth as well as GET and POST calls with access tokens as well as refresh tokens. I briefly learned how to host a server for Node.JS as well.
What's next for Strava Wrapped
My initial ideas were that the web app would present a heat map of the roads the user has ran on as well as longest activities, the people the user ran with often, most liked posts so those would be the next step.
Log in or sign up for Devpost to join the conversation.