Open
Description
Description
Add search capability to find cards across collections. This includes creating a backend search endpoint and implementing a search interface in the frontend drawer.
Frontend Implementation:
- Search bar in the drawer
- Debounced search input
- Loading states
- "No results" state
- Card preview in results
- Link to full card/collection
UI/UX Requirements
- Search input with clear button
- Search icon/loading indicator
- Instant search (debounced)
- Keyboard navigation support
- Mobile-friendly interface
Expected Behavior
- User can search from any page using the drawer
- Results show card preview with collection info
- Clicking result navigates to card editor.
Search Features
- Search in card front/back
- Support for partial matches
Acceptance Criteria
- Backend search endpoint implemented
- Search bar integrated in drawer
- Debounced search
- Loading states
- Empty states
- Mobile-responsive design
Technical Notes
- Consider using PostgreSQL full-text search
- Implement proper indexing for search fields
- Use debouncing on frontend (300-500ms)