Electric bikes enable you to travel faster & further so that you get better connections. But they also have special needs such as safe parking.
Hopper is a route-planner that takes all those needs into account and allows you to combine your e-bike with train journeys. Change your commuting habits and contribute to sustainability!
Hopper is powered by Linked Open Data and Itinero.
Hopper's frontend is built on top of the following tech:
- ReactJS with
create-react-app - SCSS
Want to start working on Hopper? A single command line will get you started:
$ yarn startHopper features a few opinionated libraries and scripts built right in to help you develop your web app.
Based on Airbnb's Javascript Guidelines, .eslintrc (and .babelrc) are preconfigured and bundled to keep a defined coding style throughout many contributors.
(S)CSS is not forgotten either thanks to stylelint.
While the start script is running, code will always be linted on each save. If you want to lint your entire codebase, simply run:
$ yarn lintTo help along with linting, Flow helps development as a JavaScript static type checker.
Essential for React component development, Storybook is prepackaged and ready to run. Just add the relevant index.stories.js file inside your component, and then run the following command to see it show up in your browser:
$ yarn storybookThe test script is ready for you to use in your favorite CI tool.
Ready to deploy, you or your CI tool? Make an optimized build with this command:
$ yarn buildHopper was built with the intent of using the open-source vectorial maps built on top of Mapbox GL technology for the SMOP.
You need to set it up first in order to provide a valid URL in the mapConfig.js file.
You'll need to edit:
mapServerBase: with your base URL from your map serverglyphs: with an URL pointing to the provided fontssprite: with an URL pointing to the provided sprite sheet images and JSON files