I’m a junior developer. I wanted to share a side project I’ve been working on.
The national railway carrier (BDZ) has no public API. They have an official map but the UI is quite dated, often lags, and doesn't show the full route context.
I wrote a short write-up about the process here: https://www.pavlinbg.com/posts/bg-train-tracker
I know it's still rough around the edges (I'm still working on it), but I’d love to hear your feedback or suggestions!
(I wish someone would make a similar thing for Amtrak, which has a route/progress tracker that only marginally works IME.)
One UX issue on desktop: the train detail panel being fixed to the bottom feels awkward. Consider making it a floating panel or sidebar that doesn't block the map.
Also the arrival/departure times showing "hundreds of minutes" is confusing. Anything over 90 minutes should probably display as hours:minutes instead.
Great work overall though. I've seen plenty of official government transit sites that look worse than this.
Would help with usability but overall seeing this is pretty normal in my part of Europe. I've seen 200+ min delays, written just like that, many times.
Is that something that should be improved? Or is that just a “we’ve always done it that way but no one knows why, so we are going to just keep doing it that way” thing?
- train icon looks like standard metro icon but is easily mistaken for a bus
- train detail panel fixed to bottom is awkward on desktop breakpoints. consider floating or integrating to a single sidebar
- consider having main sidebar fixed to bottom for mobile breakpoints
https://www.openrailwaymap.org/
I used it recently to find a land and sea route from Southampton to Marrakesh, along with Google maps faint representation of ferry lines, Google doesn't have public transit directions for the trains in Morocco shrug
- When opening the page the user should be prompted to pick the language and theme. Then you can collapse it in the interface under a settings icon. (put the icon to the left of the close button)
- Push "Train dashboard" all the way to the top. (next to the settings and close icons)
- Make the close button smaller.
- "Search trains" should sit as close to the top as possible.
- Lines around forms and buttons are visible when you look at them directly but are to faint for peripheral vision.
PS: Only BG comprehensible joke - be careful with showing BDZ looking bad, they might hide the data MVR style.