react-icons / react-icons/react-icons
Feature to press / and focus to search box which improves UX
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 12.7k
- Forks
- 809
- PR merge metrics
- No merged PRs in 30d
Description
The overall UI of the website is great, but the only thing I don't like is moving my cursor all the way to the search box and clicking it...
So whenever a user enters the website he/she can press the / on the keyboard and will be focused on the search box.
Many websites (also GitHub) use it and it will be a great UX improvement
P.S. I cloned the project and tried implementing it but there were some packages missing so the build was not working in both the preview and demo
This is the error I got in the preview... I followed all the steps mentioned in the Readme
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start at the search box UI and its surrounding frontend entry point, then check how keyboard events are currently handled. Add the slash-key behavior so it focuses the search box, and verify that the search interaction still works as expected in the website UI.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100