#7 Filter Activities

[akopp90]

Value Proposition

As a user,

I want to filter activities based on specific criteria,

so that I can quickly find activities that match my preferences and needs.

Description

Acceptance Criteria

• The activities list includes a section with filter options.
• Users can filter activities by category.
• Applied filters are clearly displayed on the activities list, allowing users to see which filters are currently active.
• Users can clear all filters with a single click, returning the list to its unfiltered state.
• The activities list updates in real-time as filters are applied or removed.
• The filter interface is intuitive and easy to use, ensuring that new users can easily understand how to apply and clear filters.
• If no activities match the selected filter criteria, a message is displayed indicating that no activities were found.

Tasks

• [ ] Create feature branch feature/filter-activities
• [ ] Create Filter button and add it to the list
  • [ ] Add toggle functionality to show/hide filter component
• [ ] Create Filter component
  • [ ] Display categories each with a checkbox
  • [ ] Add Reset button
• [ ] Filter activity list based on selection
• [ ] Update Filter button label based on filter count
• [ ] Add message if no filter matches the list

[JessicaLoers]

No need to fetch the categories—they’re available locally as a JSON file within the project.

• Fetch and display categories each with a checkbox

Otherwise 👍