This application is a simple train tracker that reports the estimated ETAs of the next train at each station in the CTA (Chicago Transit Authority) system.
This application uses the CTA Arrivals API documented here:
https://www.transitchicago.com/developers/ttdocs/#_Toc296199903
The backend is Node.js Express with Axios for the external API calls and Redis for caching. The frontend is React (/client) Axios to call the backend's API. The frontend is also styled with lightly-customized Bootstrap 4.
- Error handling.
- Currently there isn't much error-checking. This is something I'll add in as I learn more about how handle errors in Node and React.
- Additional filtering.
- The only filtering currently available in this application is case-insensitive text filtering against the station names. I'd like to try adding filtering for lines, station accessibility, fuzzy searching, and maybe even location decection.
- Legend
- A legend as a popup or alert or similar would be useful for users unfamiliar with the icons used.
- Convert to TypeScript..?
Refresh button or auto-refresh.Done.A refresh button or auto-refresh in the TrainList component's modal would be useful to update the data inside without having to close/reopen the window to get fresh data.