Skip to content

✨ Add Client-Side Search Functionality for Skills/Courses #8

Description

@choprapurvi168-hub

Currently, users have to manually browse through the available skills/courses to find relevant content. Adding a client-side search feature will improve usability by allowing users to quickly locate items without scrolling through the entire list.

Proposed Solution

  • Add a search input field in an appropriate location (e.g., above the skills/courses section).
  • Filter the displayed items in real time as the user types.
  • Make the search case-insensitive.
  • Display a user-friendly "No results found" message when there are no matching items.
  • Ensure the search works smoothly on both desktop and mobile devices.

Benefits

  • Improves user experience and navigation.
  • Helps users quickly find relevant content.
  • Reduces unnecessary scrolling.
  • Makes the application more interactive and user-friendly.

Acceptance Criteria

  1. The search bar is visible and easy to access.
  2. Results update dynamically while typing.
  3. Search is case-insensitive.
  4. The "No results found" message is displayed when applicable.
  5. The feature is responsive across different screen sizes.
  6. Existing functionality remains unaffected.

I would like to contribute to this problem! @dreynox

Metadata

Metadata

Labels

No labels
No labels

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions