This React app finds up to 3 transit station and the corrosponding vechicles arrival time by the station's stop code. I think the NextBus app used to take in stop code as input, but not any more. When a station have stop code on display, it is often much quicker and more convienant to type in digit than to search for street sign.
I decided to use React for this app, which gets its json data from the NextBus API.
As always, I have implemented basic web accessibility, mobile-friendly, and security best practices. Real-time input validation has been implemented the React way. Very fun to watch it happen.
The site is currently at http://nextbus-compare.herokuapp.com/ for anyone who wants to test it out.
Input form before data submission, with error message on display:
The time chart displaying 3 different station stop, one of which does not exist:
Error message for duplicate stop code entry:
Error message for maxing out input submission:
