Talking Cards Browser
Component Detail
User Interface
low complexity
mobile
0
Dependencies
0
Dependents
1
Entities
0
Integrations
Description
A scrollable Flutter widget that presents conversation-starter cards organised by theme tags. Supports offline browsing via Drift and meets WCAG 2.2 AA requirements with semantic labels, minimum 24x24 touch targets, and adequate contrast ratios on all card elements.
talking-cards-browser
Sources & reasoning
Primary UI surface for the feature - peer mentors must be able to browse and read cards offline during home visits. Filter and offline access are core to reducing cognitive burden, and WCAG compliance is mandatory for all screens from day one.
No source references — this artifact was included based on reasoning alone (see above).
Responsibilities
- Display browsable grid or list of talking cards with title, body text, optional image, and theme tag chips
- Filter cards by theme tag using Riverpod-managed filter state
- Render cards from local Drift cache so the feature works fully offline
- Apply WCAG 2.2 AA semantic labels and minimum touch target sizes to all interactive elements
Interfaces
showCardBrowser()
filterByTheme(String themeTag)
openCardDetail(String cardId)