Extent foods array - Githubissues

alinawinter commented 1 year ago

Value Proposition

As a user conscious to health and the environment
I want to get information on what are the consumption recommendations of ALL the food that I eat in a day,
to be able to get a better understanding of overall dietary guidelines of the Planetary Health Diet

[x] 13 food categories appear on the screen any number can be selected/toggled
[x] By clicking on "Weiter" the food quiz starts, where all selected categories appear

[x] Create branch
[x] Extent the array with 10 further foods in the db.js (incl. name, recommendedConsumption, recommendedExample, range, rangeExamples etc.)
[x] Change the utils function to calculate the average score to include the non-selected food Categories into the score (in the calculations use filter to get the non-selected categories from the foodCategories-array, use map to add a consumedQuantity key with the value 0 to them, use map or forEach to get their deviations/accordance in an array, fusion this array with the array with the deviations/accordance from the selected foods)

supernova-97 commented 1 year ago

Very precise, nothing to add 👍🏻

LuYujin9 commented 1 year ago

13 food categories are a lot. Would you like to consider to use "select" element to instead of 13 radius? or let the page scrollable.

alinawinter commented 1 year ago

That's a good point, Jin. I think, I will try out both and see what looks better. Thank you :-)