https://www.figma.com/file/kCZNj1Wt6Sa4TTgyrgGaUI/Supplify?type=design&node-id=0-1&mode=design&t=tmLQSv4fqrbUjw9M-0

i expect this to be the most viewed and first loaded page in the application.

it needs to load in all the Ingredients, Products, and Orders data and present in a digestible layout. not including many graphic reports, focused on being able to quickly identify what materials are available

a user will want to make sure that Orders are addressed quickly, so maybe show them that info first. then i could have Product and Ingredient data available at a click.

thinking that the second panel in the Orders Summary should have Product Stock info.

One row per product, include important datapoints like:

A click on ProductName will navigate user to the ProductDetail view

development planning

  1. build html template with the major sections, non-functional skeleton
  2. design functions to query for Order List, OrderProducts List, and At a Glance cards