The search bar on the website does not handle empty input, numeric input, or symbol input properly.
When users search with invalid text or leave the search field empty, the page does not reload, does not reset the project cards, and does not show any message. This creates a confusing user experience.
To Reproduce
Steps to reproduce the behavior:
1.Go to: https://frontendprojects.netlify.app/
2.Click on the search bar.
3.Try searching with:
No input (empty)
Numbers (ex: 123)
Special characters (ex: @@@)
Very long input
4.The page does not reset or show any warning.
5.No useful feedback is given.
Expected behavior
-
If user presses search with empty input, the page should reload or show all projects again.
-
If user enters numbers or symbols, a message should appear like “Please enter valid text.”
-
Search should be limited to a maximum number of characters.
-
UI should guide the user with proper feedback.
I’d like to work on implementing this — could you please assign this issue to me? 🙌
When users search with invalid text or leave the search field empty, the page does not reload, does not reset the project cards, and does not show any message. This creates a confusing user experience.
To Reproduce
Steps to reproduce the behavior:
1.Go to: https://frontendprojects.netlify.app/
2.Click on the search bar.
3.Try searching with:
4.The page does not reset or show any warning.
5.No useful feedback is given.
Expected behavior
If user presses search with empty input, the page should reload or show all projects again.
If user enters numbers or symbols, a message should appear like “Please enter valid text.”
Search should be limited to a maximum number of characters.
UI should guide the user with proper feedback.
I’d like to work on implementing this — could you please assign this issue to me? 🙌