Project aanmaken

• Start een nieuw Angular-project met geïntegreerde router-module (--routing), zonder spec-files (-S) en SCSS in plaats van CSS.

$ ng new btrain --routing -S --style scss
$ cd btrain
$ ng g c btrain -s

• Integreer de scss-versie van Bootstrap.
• Importeer FormsModule en HttpClientModule in app.module.ts.

Preview: https://btrain.z01.be/

Nuttige links

• Liveboard API
• JSON station Brussel Noord
• Liveboard station Brussel Noord

Basisversie

• Toon een Liveboard van station Brussel-Noord.
  • Het overzicht bevat het perron, het eindstation, het vertrekuur en eventueel de vertraging.
  • Treinen met vertraging krijgen een andere kleur dan treinen zonder vertraging.
  • Afgeschafte treinen worden doorstreept.
• Upload de toepassing op een secure host.
• Maak een PWA va je toepassing.

Overzicht treinstations:

• https://api.irail.be/stations/?lang=nl&format=json

Met deze code kan je starten