✨ [Feature request]: Implement Global Search and Tag-based Filter for Plays

[Shalini828]

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

[github-actions]

Hey! contributor, thank you for opening an Issue 🎉.

@reactplay/maintainers will review your submission soon and give you helpful feedback. If you're interested in continuing your contributions to open source and want to be a part of a welcoming and fantastic community, we invite you to join our ReactPlay Discord Community.
Show your support by starring ⭐ this repository. Thank you and we appreciate your contribution to open source!
Stale Marking : After 30 days of inactivity this issue/PR will be marked as stale issue/PR and it will be closed and locked in 7 days if no further activity occurs.

[priyankarpal]

hi @Shalini828 we already have search option in reactplay.