Skip to content

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

Open

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

Activity

  1. github-actions commented on Aug 7, 2025

    @github-actions

    🚀 Great Job! @SoumyaMishra-7!

    💡 Before diving in, make sure to:

    ✅ Add your profile to DevDisplay
    ⭐ Star the repository to show your support and stay updated with new features!

    🚨 This is the first & mandatory step in becoming a contributor.

    If you've already done both—you're all set, so just chill and enjoy the journey! 😎🔥

    Your issue isn't just a submission—it's the spark that ignites creativity and pushes boundaries! ⚡ Because here, your ideas matter. Your code matters. You matter. 🚀

    At DevDisplay, we believe every idea has the power to create waves in the tech world. Your contribution is helping shape a platform built by developers, for developers.

    Think of DevDisplay as your own project, not just another open-source contribution. We're not just a platform—we're a global movement redefining the tech space. Our vision is to be the go-to platform for developers and tech enthusiasts worldwide.

    🚀 Innovation has no limits!
    We encourage you to think beyond the ordinary. Got a revolutionary idea? Spot a gap in the tech world? DevDisplay can be the solution! We want contributors like you to dream big, build bold, and bring game-changing features to life.

    🌍 DevDisplay is more than an open-source project. It's a global tech hub, a thriving community, and a platform where you can connect, collaborate, code, create, and conquer.

    🔥 Keep pushing boundaries—we're just getting started!
    If you put your 💯 into creating something exceptional, you could even join our Global Core Team and also you can lead DevDisplay as a Community Leader in your area, college, or university.

    Get ready to make an impact — Stay engaged—this is just the beginning of something amazing! 🔥

    💡 Your issue is now in review!

    • Our maintainers will soon review your issue, provide feedback/suggestions, and assign it to you—then you can start working on it! 🚀 Stay tuned, stay engaged, and get ready to bring your ideas to life! 💡

    ---

    📢 Have ideas to improve DevDisplay? Let us know! We're always looking for innovative minds to shape the future of tech.

    💬 Join the conversation. Grow with the community. You belong here. 🙌


    📢 Join Our Global Developer Communities & Connect with Innovators:

    📩 Need Help? Reach Out to the Team:

    💻 Follow DevDisplay on Social Media & Stay Updated:

    🔥 🌟 Thank You for Being Here!

  2. sonali131 commented on Aug 7, 2025

    @sonali131
    Contributor

    @SoumyaMishra-7 this project assign to me?

  3. github-actions commented on Aug 8, 2025

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: None

  4. AadityaHande commented on Aug 9, 2025

    @AadityaHande
    Contributor

    I'd like to work on this issue.. please assign it to me

  5. github-actions commented on Aug 9, 2025

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: None

  6. added
    DevDisplay🌟 This label recognizes every contributor to the DevDisplay Community for their support...💌
    Dev Enhancer🌟 Label 2 for second-time contributors who enhancing and refining features of DevDisplay. 🔧
    GSSoCLabel for our valued contributors of 🌟 GSSoC '25
    GSSoC'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.
    on Aug 10, 2025
  7. madhukalita commented on Aug 10, 2025

    @madhukalita
    Collaborator

    Dear @SoumyaMishra-7

    Let's start working on this issue you both are gets Level 3 on this contribution but,

    💡 Before diving in, make sure to:
    ✅ Add your profile to DevDisplay.
    ⭐ Star the repository to show your support and stay updated with new features!

    🚨 This is the first & mandatory step in becoming a contributor.

    Thanks!

  8. madhukalita commented on Aug 10, 2025

    @madhukalita
    Collaborator

    Dear @sonali131 @AadityaHande

    Choose the other open issue #1100 #1101 #1102

    💡 Before diving in, make sure to:
    ✅ Add your profile to DevDisplay.
    ⭐ Star the repository to show your support and stay updated with new features!

    🚨 This is the first & mandatory step in becoming a contributor.

    Thanks!

  9. github-actions commented on Aug 10, 2025

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  10. 304 remaining items

  11. github-actions commented on Oct 6, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  12. github-actions commented on Oct 7, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  13. github-actions commented on Oct 8, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  14. github-actions commented on Oct 9, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  15. github-actions commented on Oct 10, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  16. github-actions commented on Oct 11, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  17. github-actions commented on Oct 12, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  18. github-actions commented on Oct 13, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  19. github-actions commented on Oct 14, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  20. github-actions commented on Oct 15, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  21. github-actions commented on Oct 16, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  22. github-actions commented on Oct 17, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  23. github-actions commented on Oct 18, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  24. github-actions commented on Oct 19, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

  25. github-actions commented on Oct 20, 2026

    @github-actions

    Hi there! This issue is still open. We are looking forward to your response.
    Assignees: @SoumyaMishra-7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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