An SPA Real time Dashboard of Råcksta subway station with
arrivals and departures using Trafik Labs open API
So everythings stared with me continuing running late to the subway every morning. On top of that, the official SL App has a UX/UI-design from hell so to actually get the current time table for Råcksta Subway station takes about as long as it takes walk to the plattform... I just don't have that kind of time. Knowing that there is an open API from Trafik Lab with all of the Subway arrivals/departues that exist I though it would be good time to actually make an app of my own, with a design that need.
It took me about 3 weeks from the starting on the mockup to actually get a stable version out, much thanks to alot of studying and problem solving and here we are.
The backbone of the app is developed in ReactJS and the wonderful "Create-A-An-App"-package with some fetching help from AXIOS, I have also used GSAP for the minor animations and icons from Font Awesome. In order to make life a bit easier while working with JavaScript objects, I have also worked a bit with ._lodash. SASS for preprocessing CSS and Flexbox with Flexbox Grid for layout stability.
You are free to fork, share and devour this project as much as you want. I believe in sharing for the masses but in order for this project to work you have to create your own API key at Trafik Lab, create an .env file and insert the key there. Links below.
Q: Will this be publicy released on App Store or Google Play?
A: No. This was purely for fun and a test challenge myself. Also, I was bored okay?
Q: Any plans to add an options menu where you can add the station closest to you?
A: Maybe, maybe not. The challenge is intriguing but the time? Not so much.