joshuadeguzman / joshuadeguzman/workshop_flowtrading

[feature] Quick-search command palette (press /)

Open
#2 0 comments 0 reactions 0 assignees View on GitHub
feature
Dominant language
TypeScript
Stars
0
Forks
3
PR merge metrics
No merged PRs in 30d

Description

## Summary
Jump to any stock by symbol or name from anywhere with a keyboard shortcut.

## Proposed change
Press `/` to open an overlay input; typing filters the 10 stocks; Enter navigates to `/stock/[symbol]`. Esc closes.

## Affected area
`components/finance/command-palette.tsx` (new), wired into `app/layout.tsx`.

## Acceptance criteria
- [ ] Opens on `/`, closes on Esc, fully keyboard navigable
- [ ] Reduced-motion respected; no hydration mismatch

Contributor guide

Open the contributing guide

Research direction

Start by reading app/layout.tsx and the planned components/finance/command-palette.tsx entry point, then inspect how the 10 stocks and /stock/[symbol] navigation are represented. Done means the palette opens with /, filters by symbol or name, navigates on Enter, closes with Esc, supports keyboard navigation, respects reduced motion, and avoids hydration mismatches.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Clearly specified
Newbie friendliness
72/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.