Prototype bicycle route planning web app front-end. Most navigation and route planning apps serve car-centric routes. As a cyclist and bike commuter myself, the main concerns of planning routes are safe bike lanes and end-of-trip facilities (primarily secure bike parking, bonus if there are showers!).
In this app, I leverage the volunteer-driven Openstreetmap data for bike parking locations and bike lane networks. I use Graphhopper for the route-planning engine as it has custom vehicle routing profiles (cars, scooter, bicycle).
For the UI/UX I attempted to clone the Origin-Destination selection feature in Komoot using Vue and Leaflet. This is still a work-in-progress, but I hope to get this production ready for the public when time permits :) .
simplescreenrecorder-2021-07-27_12.59.51.mp4
npm install
npm run serve
npm run build
npm run lint