Skip to content

Add a Search Bar for Filtering Projects in the Portfolio BuilderΒ #1091

@SoumyaMishra-7

Description

@SoumyaMishra-7

What feature?

I propose adding a search bar to the Portfolio Builder page that filters projects dynamically based on user input (e.g., project title or tags). The search bar should:

  • Be integrated into the Portfolio Builder UI using Tailwind CSS for styling.
  • Support real-time filtering using React state, possibly with a debounced input for performance.
  • Display results in the existing project list, with accessibility features (e.g., ARIA labels).
  • Optionally persist the search query in localStorage for a better user experience.

Add screenshots

Add screenshots

Code of Conduct

  • I agree to follow this project's Code of Conduct

Metadata

Metadata

Labels

Dev Enhancer🌟 Label 2 for second-time contributors who enhancing and refining features of DevDisplay. πŸ”§DevDisplay🌟 This label recognizes every contributor to the DevDisplay Community for their support...πŸ’ŒGSSoCLabel for our valued contributors of 🌟 GSSoC '25GSSoC'25Label is used for Issues and pull request related to GSSoC 2025 open source contribution.Level 2 - GSSoC '25Dev Enhancer - Refine and enhance the DevDisplay Platform.enhancementNew feature or request

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions