Best Approach for Category and Subcategory Filters

[molinarodrigo93]

I am developing an app where restaurants can upload their menu. For this, I have a data type for “Categories,” another for “Subcategories,” and another for “Items.” Each item must have a category and a subcategory.

On the front-end, to ensure everything is dynamic and organized, I placed a table with nested repeating groups: the first repeating group is for Categories, within which I placed a repeating group for Subcategories, and within this, I placed a repeating group for Items.

This way, with dummy data, it looks as shown below where “Para tomar” and “Para comer” are categories, “Cafe” and “Sandwiches” are subcategories, and “Americano,” “Flat White,” or “Ristretto” are items.

Now, I need a way for users to filter the products by category and subcategory, similar to YouTube’s filtering system. This means displaying all categories and their subcategories, and when clicking on any of them, the menu only shows those items.

Additionally, I would like to add an “All” option to both categories and subcategories so that users can revert to viewing all items, just like on YouTube:

What would be the best approach to achieve this?