User Story

As a user
I can see a list of all of the dining commons on the home page and each is a link to a page for that dining commons
So that I can navigate to a menu for that dining commons

Details

This should NOT BE HARD CODED. Instead, you proceed as follows;

Backend 1: Dining commons service

Following the code in proj-courses as a model, create a service that uses this api https://developer.ucsb.edu/apis/dining/dining-commons to get a list of all of the dining commons. Then build an endpoint: GET /api/diningcommons/all that will return all of the records returned by this endpoint.

Frontend 1: Dining commons table

Proceeding as in team02, create fixtures and a table element DiningCommonsTable that can display a list of dining commons. The data fed into the table should be in the format returned by the GET /api/diningcommons/all endpoint.

Frontend 2: Add dining commons table to Home Page

Add the dining commons table to the home page, along with code to query the backend GET /api/diningcommons/all and display the results in the table. Each dining commons code should link to the page /diningcommons/:diningCommonsCode

Frontend 3: Placeholder page for individual dining commons

Create a placeholder page at the url /diningcommons/:diningCommonsCode that will originally show the title Placeholder for Dining Commons Page for {diningCommonsCode}

Add this into App.js so that the links from the Home Page work and take you to the placeholder page.

ucsb-cs156-f24 / proj-dining-f24-14