StopOver

React + Redux + Apollo + Material UI = StopOver

Application that'll make public transportation in Helsinki region easier.

Status

test/build/deploy

codecov StopOver

StopOver

Problem to solve

Well, if you're happy with HSL (Helsinki Region Transportation) routing service Reittiopas, this app might not give anything new to you.

BUT.

You might want your own personalised view to show timetables for your most used routes.

Or timetables for your favorite stops.

This app gives you these features.

Technologically speaking...

Applications, softwares, firmwares... They require code. So does this app.

Frontend

On the frontend I've used some vanilla JS (EcmaScript) magic and some cool libraries I do like.

  • React for building components, views.. all of it basicly
  • Redux (newer toolkit-version) for managing the application state (sure, context and useState are cool but sometimes global state just is worth it) with additional help from react-redux
  • Apollo (GraphQL) for keeping routing and timetable data updated for you
  • MUI (Material UI) for more consistent elements
  • React router for handling different views
  • Axios for geocoding data querying

API

I use HSL Routing API for having up-to-date data on the view and for precise routing with HSL API I use Nominatim Geocoding API for converting user defined addresses to JSON data containing latitude and longitude.

Docker ?

I suppose...

Branches