Press Find recipe button loads recipes search result (makes api call to /api/recipes/find with ingredient ids of cupboard in req body).
This brings user to RecipesPage. Uses material-ui/GridList to show a list of recipes. Each GridTile consists of an image of the recipe with a text overlay. The text overlay says recipe name and recipe ingredients. Images are stored on backend and loaded using separate api requests.
Pressing a recipe image brings up a recipe's detailed page. This uses material-ui/Card to display recipe details. The card is described as follows. At top of car is a header that includes an SvgIcon to go back to the recipes list. Below, is the recipe image with text overlay of recipe title. In Card body, there is list of ingredients and method.
Pull request for issue #18 .
Backend:
Frontend:
Other: