Naser Mansour
0f9d12c3cf
Adds docs/tasks/ (16 epics + 102 stories converted to task/subtask files with statuses.md as the new status source of truth) and docs/ux-design.md (retrospective design-system reference), and points CLAUDE.md at them. docs/prd.md and docs/architecture.md are kept as BMAD wrote them; the legacy docs/stories/, docs/epics/, docs/qa/gates/ and .bmad-core/ stay in place as historical/traceability records, superseded but not deleted. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
1.6 KiB
1.6 KiB
id, title, status, date, parent
| id | title | status | date | parent |
|---|---|---|---|---|
| 6-2 | 6-2 Analytics Charts | QA Review | 2026-09-27 | 6 |
Description
As an admin, I want visual charts showing trends and historical data, So that I can identify patterns in client acquisition and consultation outcomes to make informed business decisions. Full implementation history: docs/stories/story-6.2-analytics-charts.md
Acceptance Criteria
- Display new clients per month (from
users.created_at) - Display consultations per month (from
consultations.scheduled_date) - Two data series on same chart with legend
- X-axis: Month labels (e.g., "Jan 2025", "Feb 2025")
- Y-axis: Count values with appropriate scale
- Show free vs paid consultation ratio
- Display percentage labels on segments
- Legend showing "Free" and "Paid" with counts
- Monthly no-show percentage trend
- X-axis: Month labels
- Y-axis: Percentage (0-100%)
- Visual threshold line at concerning rate (e.g., 20%)
- Preset options: Last 6 months, Last 12 months
- Custom date range picker (start/end month)
- Charts update when range changes
- Default selection: Last 6 months
- Tooltips showing exact values on hover
- Responsive sizing (charts resize with viewport)
- Bilingual labels (Arabic/English based on locale)
- Loading state while fetching data
- Empty state when no data available
- Charts section below statistics cards from Story 6.1
- Card-based layout for each chart
- Navy blue and gold color scheme per PRD Section 7.1
- Responsive grid (1 column mobile, 2 columns tablet+)