Kanban Board

5 stages · drag to move · PUT /api/v1/tasks/{id} · assignee · due · priority · dependencies

List View

Notifications

Dashboard
My Open Tasks
10
2 due in 24h · 12 total
Projects
2
Platform Squad · Growth Crew
Due in 24h
2
Needs attention

Your Tasks — Due Soon Live in 24h filter

Left 3px bar = dashboard item style · hover to slide · real app filters via /api/v1/tasks/?limit=50

Teams & Projects 2 teams · 2 projects

Mirrors /teams and /projects pages · real access control via JWT · invite_code via token_urlsafe · members ADMIN/MANAGER/USER

Kanban — 5 Columns

Drag cards (HTML5) or use Move buttons — updates column + counts + dashboard/analytics instantly. Click card to open task detail modal. Horizontal scroll on mobile.

Analytics
Total Tasks
12
2 teams · 2 projects
Completed
2
16% completion
In Progress
3
Review 2 · Todo 3
Overdue
1
Due date < now & not done
Task Status Distribution
Priority Breakdown

Colors mirror actual: HIGH/URGENT rgba(255,59,48,.18) #ff9a9a · MEDIUM #ffc46b · LOW #7ae582

Total Time Logged
18.5h
hours logged across all tasks

Real app: POST /api/v1/tasks/{id}/time-logs · sum via JS

Projects Overview

Progress = done / total per project

Team Workload (Tasks per Member)

Analytics mirrors /analytics: 4-col stats + horizontal status bars (gradients) + priority grid — all computed from 12 fixed tasks.

Stack: FastAPI 0.104 + SQLAlchemy + Jinja2 + Vanilla JS · SQLite (Postgres swappable) · JWT 30 min HS256 · export Excel (pandas+openpyxl) / PDF (ReportLab) · custom dark theme