Skip to content

Title: Add Search and Filter Functionality for Project Listings #39

Description

@Adithyakp86

Description

Currently, users need to manually browse through all projects in the repository. Adding a search and filter feature would improve navigation and help users quickly find projects based on keywords, categories, or technologies used.

Expected Behavior

  • Add a search bar to filter projects by name.
  • Add category filters (e.g., HTML, CSS, JavaScript, Responsive Design).
  • Display matching projects dynamically without reloading the page.
  • Show a message when no matching projects are found.

Benefits

  • Improved user experience.
  • Easier project discovery.
  • Better scalability as more projects are added.

Possible Implementation

  • Use JavaScript to filter project cards in real time.
  • Store project metadata using data attributes.
  • Implement case-insensitive search.

Labels

enhancement, good first issue, frontend

Acceptance Criteria

  • Search bar added and functional.
  • Category filters implemented.
  • Real-time filtering works correctly.
  • Responsive on mobile and desktop devices.
  • No console errors during usage.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions