I love bike trips and I’m always curious how my trip compares to the Grand Tours we watch and love. I always looked for a way to visualize my trips and gather statistics about it. I couldn’t find something that met my needs, so I took the plunge and learned how to build it myself!
OatRoot is a web application for gathering your Strava activities from a multi-day trip and displaying them on a map, with totals/statistics. It works on desktop and mobile devices. Feel free to try it out, and if you want to give me some feedback, hopefully you know how to contact me!! 😉
Caveats – the application may need to load before you see the following screen; I don’t store any information so you will have to authorize with Strava each time
Features:
– Connect your Strava account with OAuth (secure authentication)
– Select activities by date range
– View activities plotted on a map
– Select an activity line to see a popup with details and a link to your Strava file
– Movable/minimizable summary overlay showing totals across all activities
– Start (green) and finish (red) markers for each activity
– Different map layers
Tech Stack:
– Backend: Node.js, Express, express-session, node-fetch
– Frontend: HTML, Leaflet.js, vanilla JavaScript
– Hosting: Render (Node.js web service)