When a recipe is completed, the recipeID for that recipe should be added to the PreviousRecipe column so it look something like this: "7012,13042,8064".

Typescript allows for less bugs and easier code understanding.

Clicking on recipes on the recipes page causes the app to crash.

• Implement a database structure storing the score for each recipe for a user.

• The scoring should initially be based on the matching of the users inventory of ingredients and the ingredients required for the recipe.

At the moment, if a preset is selected and that particular preset is then deleted, it is still marked as selected. Doesn't cause any crashes or errors but might be incorrect behaviour?

Currently, pressing delete on a preset does nothing

We should remove the two tabs that are in recipes and add a checkbox that says something along the lines of "Only show recipes with 100% common ingredients", which will filter out all recipes that has any ingredient that is not in your inventory. The scoring should still work with the metrics but exclude the common ingredient metric.

Not used for anything

There should be some default presets since we assume most users won't want to create their own. One of them should also be selected by default

Please initialize it Jakob

Difficult to replicate only happens rarely not sure why. This is the error

useLocation().state is sometimes null in this line from Recipe.tsx

const recipe = useLocation().state.recipe;

• Should not be able to add ingredient with invalid amount and unit
• Should not be able to add ingredient with invalid unit

An user should be able to search the database for recipes, based on ingredients or name.

The three most recent recipes should be displayed on the dashboard. Requires completing #47 first.

The Figma prototype is lacking

The recipes shown should be based on the users inventory.

This is important because the ingredients must be typed exactly like in the database, else they won't match

An users ingredients should be fetched once when the app starts and be put in localstorage, and components should refer to localstorage when requiring an users ingredients. This prevents unnecessary DB-fetches when we navigate to a different page. Localstorageshould then be updated when an user add or remove ingredients.

Currently, you can't see the names of presets in the recipes page. Hovering a preset should show the name of the preset.

When searching for recipes, the match percentage is missing

There's currently no prototype for how the account page should look like in Figma.

Replicate:

1. Add gin as the only ingredient
2. Create preset with all as zeroes except for common ingredients metric
3. There is a 100% match in the recipes even though it doesn't contain gin

An user should be able to add a new ingredient to their inventory. The ingredient should have a name, an amount and a unit (drop-down menu)

What would even the cancel button do here?

Implement the ingredients display page on the ingredients page.