Take a look at my website, https://letscooktime.com/ and let me know what you think of the way I render recipes. There is an internal representation like this:
1. A recipe is composed of multiple components
1. A component is composed of ingredient requirements and steps
1. An ingredient requirement is a tuple of an ingredient and a quantity
I found good success using this model for recipes, specially complex baking recipes like breads with multiple repeat ingredients.
For myself, the one thing missing the quantity of items inside of the recipe itself. I am often using my phone to read a recipe while cooking and its annoying to have to scroll back and forth to see how much of something I need to add. I have all the ingredients out and ready, just tell me in the steps how much of a seasoning I need to be adding.
Yes! Phone screens are too small to show both the instructions and the ingredients at the same time. To address that in CookTime, I highlight any instance of an ingredient found in the recipe instructions and show the quantity if you click/tap on it. I could change it to just show it unconditionally if that wasn't apparent when you looked at a recipe (like this one for example https://letscooktime.com/Recipes/Details?id=ed962bb3-64b7-42...)
I found good success using this model for recipes, specially complex baking recipes like breads with multiple repeat ingredients.