Your completed app will allow users to search for bus schedules by street name. A search term is entered into a text input and the search is executed once the user presses the enter key. Connecting to the Winnipeg transit data API, the search will return a list of streets that match the search query. Clicking on any of the streets in the returned list will display the next buses, for each route, at all the stops on the selected street.
Provide a search function that will allow users to search for a particular street by name. Winnipeg transit has a Streets resource to which you can submit a string and get back a list of matching streets (or an empty array).
If there are no streets that match, indicate with a short message indicating that no results were found.
If there are streets that match, provide a clickable link for each street below the search box, in the results pane.
All previous results should be removed before new results are added.
You should display the full, long version of the street names, which requires a special queryString parameter to be passed into the streets endpoint: usage=long
Next, when a user clicks on a street, get all the stops on the chosen street. You'll need to use the stops endpoint to accomplish this.
Take these results and find the next 2 buses for each route, and populate that data into the table at each stop using the stop schedules endpoint. Use [login to view URL] to display all the schedule data at the same time.
Using all the information you've accumulated so far, output the following pieces of information:
The name of the stop
The name of the cross street
The scheduled arrival time of the next 2 buses for each route at this stop.
The route number(bus #) for each of these buses.