Is your feature request related to a problem?
DevTrack is a developer productivity tool, but developers who prefer keyboard-first workflows have to use the mouse for every interaction — switching time ranges, refreshing data, and navigating widgets.
Describe the solution you'd like
Shortcuts to implement:
1 → switch to 7d range2 → switch to 14d range3 → switch to 30d range4 → switch to 90d rangeR → refresh all data? or Cmd+/ → toggle keyboard shortcuts help modalEscape → close any open modal/panel
Implementation approach
- Add a
useKeyboardShortcuts custom hook in src/lib/
- Register
window.addEventListener('keydown', ...) with useEffect cleanup
- Skip shortcuts when focus is inside an
<input> or <textarea>
- Show a dismissible shortcut reference modal at
src/components/ShortcutsModal.tsx
- Persist dismissed state in
localStorage
Why this matters
This is a developer tool — the users are developers who expect keyboard shortcuts.
Is your feature request related to a problem?
DevTrack is a developer productivity tool, but developers who prefer keyboard-first workflows have to use the mouse for every interaction — switching time ranges, refreshing data, and navigating widgets.
Describe the solution you'd like
Shortcuts to implement:
1→ switch to 7d range2→ switch to 14d range3→ switch to 30d range4→ switch to 90d rangeR→ refresh all data?orCmd+/→ toggle keyboard shortcuts help modalEscape→ close any open modal/panelImplementation approach
useKeyboardShortcutscustom hook insrc/lib/window.addEventListener('keydown', ...)withuseEffectcleanup<input>or<textarea>src/components/ShortcutsModal.tsxlocalStorageWhy this matters
This is a developer tool — the users are developers who expect keyboard shortcuts.