Story 15.1: Dashboard Framework & Layout Engine
| Field | Value |
|---|---|
| Story Points | 13 |
| Sprint | Sprint 67 |
User Story
As a User (any role)
I want a responsive dashboard that adapts to my screen size
So that I can view my information on any device
Key Features
- Grid-based layout with drag-and-drop (react-grid-layout)
- Responsive breakpoints (mobile, tablet, desktop)
- Widget resize with snap-to-grid
- Layout persistence per user
- Full-screen widget mode
Breakpoints
| Breakpoint | Width | Columns |
|---|---|---|
| Desktop (lg) | >1200px | 12 |
| Tablet (md) | >996px | 10 |
| Tablet Portrait (sm) | >768px | 6 |
| Mobile Landscape (xs) | >480px | 4 |
| Mobile (xxs) | <480px | 2 |