Defining the requirement
We want to filter the displayed recipes according to some criteria to refine the results. The following figure shows the implementation of the mockup described in the View one – the landing page section of Chapter 3, A Walkthrough of the Application:
Figure 6.1 – The filtering requirement
From a user's perspective, the user will fill out some criteria in the Filters area and click on the See results button to see the results that match the filled criteria. The user can filter by keywords in the recipe title, recipe category, ingredients, tags, preparation, and cooking time. A filtering functionality is a must in the majority of applications that display data collections.
When it comes to filtering, there are a lot of strategies you can adopt, and your choice of them depends highly on the size of your data. If you have a small amount of data that you fetch entirely on the client side, then it is unnecessary to...
