Tanay-ErrorCode / lupo-skill

https://lupo-skill.web.app/
22 stars 79 forks source link

Real-time search functionality implemented #313

Closed AryanPahuja21 closed 3 months ago

AryanPahuja21 commented 3 months ago

What kind of change does this PR introduce? This PR introduces a real-time search functionality in the EventList component, allowing users to filter events by title dynamically as they type, without the need to click a search button.

Issue Number:

Fixes #294

Snapshots/Videos:

https://github.com/Tanay-ErrorCode/lupo-skill/assets/139960070/1355bc50-9178-4643-9cff-3a47c00e7b6f

Tanay-ErrorCode commented 3 months ago

@AryanPahuja21 Implement the following changes:

  1. Add a 3-second delay between when the user enters the query and when the results are displayed.
  2. Do not remove the search button.
  3. Ensure a minimum of three characters are required to start searching.
AryanPahuja21 commented 3 months ago

@Tanay-ErrorCode I’ve made the required changes to the implementation. I introduced a 1-second delay instead of the 3 seconds as requested. You can check out the video of the updated implementation below.

Please let me know if you’d like to increase the delay or if there are any other adjustments you’d like me to make.

https://github.com/Tanay-ErrorCode/lupo-skill/assets/139960070/df05fbf5-37a0-4b21-9f0e-2f4f7f57de36

Tanay-ErrorCode commented 3 months ago

@AryanPahuja21 Good job. Please star the repo.