Filter Ingredients by Flavour

[ndrbn0]

Filter Ingredients by Flavours

Value Proposition

As a culinary enthusiast,

I want to filter ingredients based on their flavour profiles,

so that I can easily find ingredients that match the taste I'm looking to explore in my cooking.

Description

Acceptance Criteria

• A "Flavor" filter is prominently displayed at the top of the ingredients list.
• The "Flavor" filter comprises a list of all currently available flavor tags presented as buttons.
• Clicking on any filter button instantly adjusts the list to display only ingredients tagged with the corresponding flavor.
• Only one flavor tag filter button can be active at a time; activating a new filter automatically deactivates the previously selected one.
• The Active flavor filter button is visually distinguished by a highlighted background color.
• In cases where no ingredients match the selected flavor tag, a user-friendly message is displayed, such as "No ingredients found matching the selected flavor profile. Please try a different selection."

Tasks

• Create new feature branch filter-ingredient.
• Display "Flavor" Filter at Top of Ingredients List.
• Create Flavor Tag Buttons.
• Implement Instant Filtering on Button Click.
• Ensure Only One Filter Button Active at a Time.
• Visually Highlight Active Filter Button.
• Handle Case for No Matching Ingredients.