[Feature]: Add keyboard shortcut navigation ('j'/'k' and arrow keys) for browsing directory cards
Maintainers usually reply within 1 day
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 68/100
Research direction
Start by locating the directory card rendering and the existing / search-bar shortcut in the web app UI. Add keyboard navigation for j/k and arrow keys, Enter to open the highlighted resource, and c to copy its URL, while leaving shortcuts inactive when the search input is focused; done means each behavior works consistently across the cards.
Written by the indexing model from the issue text.
Description
Feature Name / Concept
Vim-style ('j' / 'k') and arrow-key card navigation
Area of Impact
Web App UI / UX (devshelf.ritualdev.in)
Problem or Opportunity
Power users and keyboard-first developers frequently visit DevShelf looking for tools without reaching for the mouse. We currently support / to focus the search bar, but navigating down through cards requires manual mouse scrolling.
Proposed Solution & Technical Details
- When search input is not focused, pressing
jorArrowDownhighlights the next resource card with an active cyan glow. - Pressing
korArrowUpmoves focus to the previous card. - Pressing
Enteropens the highlighted item's repository / website in a new tab. - Pressing
ccopies the card URL directly to the clipboard.
Are you interested in implementing this?
Yes, I would love to open a PR for this!
- Dominant language
- HTML
- Stars
- 3
- Forks
- 3
- Avg merge
- 1h 42m
- Merged PRs (30d)
- 11
Getting set up
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing guide
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.
More from RitualDev-Lab/DevShelf
-
docs-update documentation
Difficulty 1/5 Under an hour Newbie friendliness 92/100
RitualDev-Lab/DevShelf#32 ·
Maintainers usually reply within 1 day
-
api good first issue submission
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
RitualDev-Lab/DevShelf#24 · 1 comment · 1 assignee ·
Maintainers usually reply within 1 day
-
api submission
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
RitualDev-Lab/DevShelf#23 ·
Maintainers usually reply within 1 day
-
enhancement good first issue
Difficulty 1/5 1-3 hours Newbie friendliness 88/100
RitualDev-Lab/DevShelf#18 · 1 comment · 1 assignee ·
Maintainers usually reply within 1 day
-
enhancement good first issue
Difficulty 1/5 1-3 hours Newbie friendliness 92/100
Maintainers usually reply within 1 day
All issues in RitualDev-Lab/DevShelf
Similar issues
-
bug chart-audit gpu
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
Maintainers usually reply within 1 day
-
external-issue to-triage
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
Maintainers usually reply within 1 day
-
www.v-1.co.ilOpenN: AdGuard for Windows P2: High T: Social Widget
Difficulty 2/5 1-3 hours Newbie friendliness 62/100
AdguardTeam/AdguardFilters#243264 ·
Maintainers usually reply within 1 day
-
bug HemiStake
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
hemilabs/ui-monorepo#2413 ·
Maintainers usually reply within 1 day