Advanced Filtering

Requirements

• The component should display a list of items that can be filtered based on multiple criteria (e.g., category, price range, availability).
• Provide checkboxes or dropdowns for each filter criterion.
• When a filter is applied, the list should update in real-time to show only the items that match the selected criteria.

Notes

• Focus on functionality over styling.
• Ensure the filtering logic can handle multiple filters being applied simultaneously.

Example JSON Data

[
    {"id": 1, "name": "Item 1", "category": "Electronics", "price": 299.99, "availability": "In Stock"},
    {"id": 2, "name": "Item 2", "category": "Clothing", "price": 49.99, "availability": "Out of Stock"},
    {"id": 3, "name": "Item 3", "category": "Electronics", "price": 199.99, "availability": "In Stock"},
    {"id": 4, "name": "Item 4", "category": "Clothing", "price": 89.99, "availability": "In Stock"},
    {"id": 5, "name": "Item 5", "category": "Home", "price": 39.99, "availability": "Out of Stock"},
    {"id": 6, "name": "Item 6", "category": "Home", "price": 129.99, "availability": "In Stock"}
]