43 lines
1.5 KiB
Markdown
43 lines
1.5 KiB
Markdown
---
|
|
id: TASK-4
|
|
title: Build the dashboard shell and lead funnel
|
|
status: To Do
|
|
assignee: []
|
|
created_date: '2026-06-03 19:12'
|
|
labels:
|
|
- mvp
|
|
- ui
|
|
- dashboard
|
|
dependencies:
|
|
- TASK-3
|
|
references:
|
|
- PRD.md
|
|
priority: high
|
|
ordinal: 4000
|
|
---
|
|
|
|
## Description
|
|
|
|
<!-- SECTION:DESCRIPTION:BEGIN -->
|
|
Create the internal German-language dashboard shell for the MVP. It should provide navigation, Light/Dark mode for the dashboard only, a Kanban/Funnel lead overview, status badges, and entry points into campaign, audit, review, analytics, and settings areas.
|
|
<!-- SECTION:DESCRIPTION:END -->
|
|
|
|
## Acceptance Criteria
|
|
<!-- AC:BEGIN -->
|
|
- [ ] #1 Dashboard shell has German navigation for campaigns, leads, audits, analytics, blacklist, and settings
|
|
- [ ] #2 Light/Dark theme toggle works only in the internal dashboard
|
|
- [ ] #3 Kanban/Funnel columns represent the agreed lead states, including Kontakt fehlt, Audit bereit, Freigabe offen, Kontaktiert, Follow-up, and Zurückgestellt
|
|
- [ ] #4 Lead cards show the key scan data: company, niche, location, priority, contact status, and next action
|
|
- [ ] #5 Dashboard remains keyboard accessible and responsive on practical desktop/tablet widths
|
|
<!-- AC:END -->
|
|
|
|
## Implementation Plan
|
|
|
|
<!-- SECTION:PLAN:BEGIN -->
|
|
1. Define dashboard route layout, sidebar, header, and content slots.
|
|
2. Add German navigation labels and status vocabulary.
|
|
3. Implement theme provider and dashboard-only toggle.
|
|
4. Build the Kanban/Funnel view using Convex lead data.
|
|
5. Add empty states, loading states, and basic accessibility checks.
|
|
<!-- SECTION:PLAN:END -->
|