Best Approach for Category and Subcategory Filters

molinarodrigo93 · 2024-08-05T19:36:18.684Z

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.

Captura de pantalla 2024-08-05 a la(s) 4.29.24 p. m.1920×924 57.2 KB

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:

Captura de pantalla 2024-08-05 a la(s) 2.47.00 p. m.848×1204 106 KB

What would be the best approach to achieve this?

system · 2024-10-14T19:36:46.092Z

This topic was automatically closed after 70 days. New replies are no longer allowed.