✨ [Feature request]: Implement Global Search and Tag-based Filter for Plays #1688
Description
Contributor Guidelines
- I have read the guidelines and discussion
Is your feature request related to a problem? Please describe.
Currently, users need to manually browse through plays to find relevant ones. Implement a global search bar with tag-based filtering to allow users to search plays by title, description, author, or tags.
Describe the solution you'd like.
Proposed Solution :
-
Add a global search input in the Plays listing page.
-
Implement filtering based on:
-
Play title
-
Description keywords
-
Tags (e.g., apertre3.0, play request, etc.)
-
Add optional sorting (Newest / Oldest / A-Z).
Implementation Ideas :
- Use useMemo for efficient filtering.
- Maintain search state globally (Context or local state).
- Make filtering dynamic (no page reload).
Acceptance Criteria :
- Search works instantly as user types.
- Tag filtering works independently and with search.
- No performance lag with many plays.
- Fully responsive on mobile.
I would like to work on this issue.
Assign this to me under APERTRE 3.0.
Thanks !
Describe alternatives you've considered.
Implementing a client-side search and filter mechanism using React state and useMemo is the most efficient and scalable solution for the current project size. It keeps the implementation simple while maintaining good performance and user experience.
Screenshot / Screenshare
No response
Additional context
No response
Record
- I have checked the existing issues
- I have read the Contributing Guidelines
- I want to work on this issue
- I am a Hacktoberfest contributor
Code of Conduct
- I agree to follow this project's Code of Conduct