DevSnips APP

App UI / Kanban

Move the
work forward.

A refined, dark monochrome project board — hairline borders, generous spacing, and a single teal accent. Drag cards across columns; counts update live.

Backlog

3
P1 SNIP-104

Wire dark-mode toggle to root class

Persist choice in localStorage and reflect on first paint.

css a11y
RM
P3 SNIP-118

Sketch onboarding empty state

Three steps with inline illustrations and a CTA.

design
JL
P2 SNIP-121

Research drag-drop a11y patterns

Compare native DnD vs roving tabindex keyboards.

a11y research
SK

In Progress

2
P1 SNIP-098

Ship kanban drag-and-drop widget

HTML5 DnD, move cards across columns, update counts live.

js widget
AB
P2 SNIP-110

Tokenize the 3-style palette

Extract shared tokens so variants stay cohesive.

tokens
DT

Review

1
P3 SNIP-091

Audit focus rings across sections

Ensure every interactive element has a visible focus-visible ring.

a11y audit
RM

Done

2
P3 SNIP-087

Set up CDN + fonts scaffold

Tailwind play CDN + Google Fonts across variants.

infra
JL
P3 SNIP-074

Write STYLE_TOKENS reference

Canonical token doc for all three design styles.

docs
SK

// pair with dashboard-overview and data-table