<!doctype html>
<html lang="en">
 <head>
 <meta charset="utf-8">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
 <body>
 <blockquote>
 Often when user visits the application they don't have any specific recipe name in mind, but have a overall idea of what he/she wants to cook. In situation like that, a recipe filter feature might come in helpful.
 </blockquote>
 For quite a while I've been working on implementing recipe filter option on this application. The initial version is complete, it supports multiple filter feature as well as filter toggling/removing option.
 You can filter your recipes based on:
 <ul>
 <li>Diet Type, e.g: Low Fat</li>
 <li>Cuisine Type, e.g: British</li>
 <li>Dish Type, e.g: Salad</li>
 <li>Calorie Limit, max 6000 cal</li>
 <li>Time Limit, max 10 hour</li>
 <li>Immune Supportive (special)</li>
 </ul>
 
 <img src="/assets/blog/recipe-filter-feature/recipe-filter-demo.gif" alt="ingredient search filter demo.gif">
 
 You can also toggle/remove filters that you don't want:
 
 <img src="/assets/blog/recipe-filter-feature/remove-filter-demo.gif" alt="ingredient close filter demo.gif">
 
 That's about it. If you found this feature helpful or have any suggestions, you can send <a href="https://ingredient.recipes/feedback">feedback</a> about it.
 </body>
</html>

Ingredient application now has a recipe filter feature that allows user to filter recipes based on their criteria

Blog.

Ingredient now supports recipe filter feature