Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Implement User Search Screen with Debounce Functionality #73

Closed
4 tasks done
Alpha17-2 opened this issue May 6, 2024 · 0 comments · Fixed by #76
Closed
4 tasks done

Implement User Search Screen with Debounce Functionality #73

Alpha17-2 opened this issue May 6, 2024 · 0 comments · Fixed by #76
Labels
design designing UI

Comments

@Alpha17-2
Copy link
Collaborator

Alpha17-2 commented May 6, 2024

We need to implement a user search screen that allows users to search for other users by name. This screen should include a search input in the app bar and use a debounce mechanism to optimise the backend query process.

  • Search Input Integration: The search field should be clearly visible and accessible, allowing users to enter search queries conveniently.
  • Debounce Implementation: Implement a debounce effect to delay the execution of the search query until the user has stopped typing for a specified amount of time (e.g., 500 or 1000 milliseconds). This will help reduce the load on our servers and prevent the app from making excessive database queries.
  • Backend Query: Develop the backend functionality to handle the search query. This should efficiently fetch user data based on the inputted search terms.
  • UI Feedback: Display a loading spinner or indicator when the search is being processed. Show results dynamically as they are fetched from the backend.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
design designing UI
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant