NS station board banner

NS station board

3 devlogs
2h 44m 32s

This is a project which uses the NS api (nederlandse spoorwegen) which is the api of the dutch railways to get information about the next train that will enter the station. Its based on the boards on the station which show the information and the ui is a clone but im writing every piece of code myself!

This project uses AI

Currently i’ve only used ai to help me with javascript api fetching (i really hate that part and should maybe learn how javascript fetching works. NOTE: json data handling was done myself

Demo Repository

Loading README...

tomdejong2009

Shipped this project!

Hours: 2.74
Cookies: 🍪 22
Multiplier: 8.06 cookies/hr

i built a clone of the train station boards you see in the netherlands. The hardest part was fetching the api and doing things with the data especially because its a sign up api and theres not much documentation about it on the internet but i got that figured and im very proud of how it turned out and how it looks!

tomdejong2009

Since everything worked and i wanted to add translations too. i made a little landing page with the option to change the station that you will be viewing from based on the UIC code that the user inputs. I also made a button which brings you to the english version if you don’t speak dutch and vice versa!

Attachment
0
tomdejong2009

I finally made everything work!! The next train’s destination, how long you have to wait before it comes, the stations it stops at, the type of train, and even next train. now my goal is to make the code less ugly, add live updates, translation, and customization!

Attachment
0
tomdejong2009

Currently creating the ui with plain css and fake data. i usually like creating the ui before i connect it to actual data!

Attachment
0