[Improvement] Add keyboard navigation (arrow keys) to the Explore page pool grid

[grantfox-oss]

Getting Started

1. Fork the repository: https://github.com/JointSave-org/Joint_Save
2. Clone your fork:

   git clone https://github.com/<your-username>/Joint_Save.git
   cd Joint_Save

3. Create a new branch:

   git checkout -b improve/explore-keyboard-navigation

---

Overview

The Explore page renders pool cards in a grid, but checked and confirmed there's no keyboard navigation support beyond default Tab order — arrow keys don't move focus between cards the way they would in a more polished grid UI. This is a nice accessibility/power-user improvement.

Requirements

• Add arrow-key navigation within the pool grid: left/right/up/down should move focus between adjacent cards in a way that makes visual sense for the current grid layout
• Enter/Space on a focused card should activate it (navigate to the pool, or open the relevant action), consistent with whatever the card's primary click action already is
• Don't break existing Tab-based navigation for users who prefer that

Acceptance Criteria

• Arrow keys move focus sensibly between grid cells at all supported viewport widths (the grid's column count changes responsively, so navigation needs to account for that)
• Enter/Space activates the focused card the same way a click would
• Existing Tab order and screen reader behavior aren't degraded

[Ebenezer199914]

can i work on this issue

[WorldsBestSoftwareDeveloper]

Hi! I'd like to work on this issue.

I've recently contributed to JointSave and have become familiar with the project's frontend structure and accessibility patterns. My approach will be to implement intuitive arrow-key navigation within the responsive pool grid while preserving the existing Tab navigation behavior. I'll also ensure that Enter and Space activate the focused card in the same way as a mouse click, providing a consistent keyboard experience.

I'll test the navigation across different viewport sizes to ensure focus movement matches the responsive grid layout and doesn't affect existing screen reader or keyboard accessibility.

[Ayodaviduiux]

hey so I'd like to be assigned this issue.

I can add arrow-key navigation (left/right/up/down) to the Explore page pool grid while keeping Tab order intact. Can submit a PR in 1-2 days if approved.

[grantfox-oss]

🦊 GrantFox — @WorldsBestSoftwareDeveloper has been assigned to this issue as part of the Official Campaign campaign!

Next steps:

1. Open a Pull Request referencing this issue (e.g., Closes #151)
2. Your PR will be reviewed by the JointSave-org maintainers

Good luck! Track your progress on GrantFox.

[grantfox-oss]

🎉 This issue has been marked as completed on GrantFox as part of the Official Campaign campaign!

@WorldsBestSoftwareDeveloper's PR #157 was approved and merged by @Sendi0011.

🏆 @WorldsBestSoftwareDeveloper: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (83 total points). Track your full progress on GrantFox.

👏 Great work, @WorldsBestSoftwareDeveloper! Keep contributing to JointSave-org.