This website was created by Stefan Klinkusch using React.js. It contains the departures for selected stations and tram/bus stops in and around Berlin.
It features
- an input field to search for stations
- a dropdown list with all available stations or a selection of them
- a refresh button to get the current data for the selected station
- an input field to filter the departures using the filter strings
- a list of departures including
- the time, as it is stated in the timetable
- the time when the bus/train will (hopefully) depart in real time
- the delay in minutes (the difference between the times in the first two columns)
- a symbol showing which product is meant
- the line or train number
- the destination of this line
- the track on which the train is departing (in stations)
- information about barrier-free means of transport
- information about the possibilities of bike transport in the trains/buses/ferries
- warnings concerning detours
- status information, such as cancellations or additional service
The departures are sorted by
- the stop from which they depart
- the product they are using in the order:
- express trains
- regional trains
- suburban trains
- subways
- tramways
- buses (all kinds)
- ferries
- the time they will (hopefully) depart (cancelled first, others later)
- HTML5
- theme-UI
- bootstrap with reactstrap
- React
- React Router with static URLs (BrowserRouter)
- React hooks
- Typescript
- axios
Further, it uses the VBB proxy.
- data: Verkehrsverbund Berlin-Brandenburg (VBB)
- data-management: hafas-client
- icons: vbb-logos
- station data: vbb-stations
- background image: Unsplash
- Proxy: Zeit.co
- Support to set up the proxy: Leandro Frigerio