bphvz/train-spotter

Live train and disruption information of the Dutch railways

Hi there 👋 I'm Bart

I'm a developer. I live in the Netherlands, I'm 21 years old

• 🤓 I'm currently busy exploring Flutter, Swift, Angular, Azure and Google Cloud!
• 📚 I have graduated with a bachelors degree in Computer Sciences @ Windesheim
• 🥅 2022 goal: start working
• ⚡ Fun facts: I like baking and cooking

Contact me:

---

Languages and Tools:

---

My Workspace Specs 💻:

Desktop:

Laptop:

train-spotter's Issues

Migrate to better API type definitions

Migrate to better type definitions generated using https://github.com/drwpow/openapi-typescript

• Virtual Train API
• Reisinformatie API
• Spoorkaart API

Station popup improvements

• Show first three arriving trains
• Show first three departing trains
• Fly to train from arrival and departure

#1 Teamcity CI/CD unit tests not running

Train popup improvements

• Clickable trainset number to open trainset information page (Mock for now)
• Clickable ride number to open train/ride information page (Mock for now)
• Show last information update time
• Show train type
• Sharable linkt to train on map
• Fix: train pop opens slowely
• Fix: set max width

Upgrade to Angular 12

• ng-bootstrap releases version 11

Notifications

• Notification when new version of website is available
• Notification when retrieving train information

Phone optimizations

• Sidebar responsive
• Height of navbar shorter
• Items in navbar collapsable on small to medium screen
• Stations table responsive

Global search in header

Search on:

• Trainset number
• Train number
• Station name
• Station abbreviation
• Train type

Map done with loading before train icons have been added

Migrate to angular v13

Performance improvements

• Inspect bundle size

Remove train image from train popup when train has the fallback image

The train pop shows an image of all the coaches of a train. Trains that don't provide detailed information about their coaches, can not show this image. At this moment, the image section of the pop up is still shown.
TODO: Remove the image section of the pop up when detailed coach information is not available.

Improve quality using Lighthouse

Train/ride information page

• crowd forecast
• coming and past stations
• Add info button to general search
• Update train information every 30 seconds
• Show train speed and upcomming station

Train not followed when position is updated

Follow the coordinates of the train on the train map when its position is updated.
Fly to the new position.

Show location of user on the map

Disruption markers improvements

• Make disruptions red
• Make maintenance orange
• Make marker grow when hovered on (either on map or the sidebar)
• Make disruption in sidebar active when clicked on a marker on the map

Global search input field format shows [Object object]

Rework train and station popup

• use native mapbox popup classes to support popup showing up top, right, bottom and left

Sort disruptions on "last updated"

JSON parse error when opening train popup

basicTrainInformation.trainDetails can not be parsed and causes a SyntaxError during JSON.parse when opening a train popup

Show zoom functionality on the map

Refresh button for disruptions

• Show label with last updated date
• Refresh button

Popup is respawn when not closed using the close button

The train or station popup is respawn when not closed "correctly" e.g. by tapping somewhere outside the popup.

TODO:

• any click outside the popup closes the popup correctly

Reisinformatie API Disruptions v2 deprecated

Old (deprecated):
https://gateway.apiportal.ns.nl/reisinformatie-api/api/v2/disruptions

New:
https://gateway.apiportal.ns.nl/reisinformatie-api/api/v3/disruptions

Todo:

• Generate new response body from WADL
• Update api.service in code

Make repo public

• Add license
• Update readme
• Update docs
• Check CORS
• Revoke API keys and store new ones safely

Lighthouse improvements

Improve the scores of the Lighthouse tool