Skip to content

sklinkusch/VBB

Repository files navigation

VBB

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.

Features

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
      • for express trains
      • for regional trains
      • for suburban trains (S-Bahn)
      • for subways (U-Bahn)
      • for "metro" tramways
      • for tramways
      • for "metro" buses
      • for express buses
      • for normal buses (also night buses)
      • for special buses (with special fares)
      • for ferries
    • 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

Sorting

The departures are sorted by

  1. the stop from which they depart
  2. the product they are using in the order:
  • express trains
  • regional trains
  • suburban trains
  • subways
  • tramways
  • buses (all kinds)
  • ferries
  1. the time they will (hopefully) depart (cancelled first, others later)

Techniques

  • HTML5
  • theme-UI
  • bootstrap with reactstrap
  • React
  • React Router with static URLs (BrowserRouter)
  • React hooks
  • Typescript
  • axios

Further, it uses the VBB proxy.

Acknowledgments

Screenshot

Link

to the page