US 8 - Filter Recipes

[nora-kauczor]

User Story: Filter Recipes by Symptoms or Ingredients

Value Proposition

As a user interested in natural health recipes, I want to filter recipes by symptoms or ingredients, so that I can quickly find recipes that match specific health concerns or utilize ingredients I have on hand.

Description

Acceptance Criteria

• Users can access recipe filter options from the recipe listing page.
• Recipes can be filtered by symptoms using a dropdown menu and by ingredients using a search field.
• The filtering process is intuitive with clear indicators for applied filters.
• Users can easily clear all applied filters with a single action.

Tasks

• [x] Create FilterForm component with filtered, setFiltered, and getRecipe props.
• [x] Implement filtering by symptoms and ingredients.
• [x] Ensure intuitive usability and clear filter indicators.

[Larissartoricader]

Update: After implementing the UserStory definitions, there has been a drastic change in planning. We realised that the dropdown would be unusable with more than 30 items as symptoms. In addition, we decided to remove the ingredients from the filter, since the number of ingredients that are repeated for the same symptom is very small and this would prevent the user from seeing the possible recipes for the same symptom.

[Larissartoricader]

Update: This UserStory was also implemented after the introduction of the Backend and is already linked with the endpoint.