Routes.ph Web App

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

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.