TEMPO — Project Management & Kanban
Work in flow.
A fast, modern project-management app: a keyboard-operable drag-and-drop kanban board, a sortable list, sprint planning, a roadmap timeline, a personal inbox and a project dashboard with hand-built SVG charts. Dark-first with a full light theme, a ⌘K command palette and a focus-trapped task drawer — a clean, accessible static export.
Role · Design + front-end build (simulated, persisted data layer) · Updated Jun 2026
- 8 views — Board, List, Backlog & Sprints, Timeline, My Tasks, Overview, Members, Settings — in one App Router app
- A keyboard-operable @dnd-kit board with pointer, touch and keyboard sensors + live announcements
- Four hand-built SVG charts, a ⌘K command palette and a focus-trapped task drawer
- A typed, seeded, localStorage-persisted Zustand store with one clean backend seam
- Delivery
- 24–48h
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · Your app / API
A project-management UI you connect to your own data (REST/GraphQL or Supabase) — the typed, persisted Zustand store is the single seam.
Delivered as full Next.js source. Wire the Zustand store to your API (REST/GraphQL/Supabase) — the data seam is one file.
What makes it special
An accessible drag-and-drop board
The five-column kanban centerpiece moves cards by pointer, touch AND keyboard via @dnd-kit (focus, Space to lift, arrows to move, Space to drop) with live-region announcements — and it works under a subpath and with motion off.
Eight real views, not stubs
Board, List, Backlog & Sprints (capacity vs committed), a roadmap Timeline, My Tasks, a project Overview, Members and Settings — seeded with a believable workspace of 6 members, 3 projects, 5 sprints and ~42 tasks.
Charts with no chart library
A burndown line, a status donut, throughput bars and capacity bars are authored in raw SVG so they export statically, animate cheaply and stay reduced-motion safe.
A complete app shell
A collapsible icon-rail sidebar, a sticky top bar, a mobile drawer, a ⌘K command palette that jumps to any task, and a focus-trapped task drawer with subtasks and a comment composer.
Accessible and near-zero CLS
Keyboard-operable DnD, labelled controls, focus-trapped modals with Esc, roles on columns/progress/switches, chart text summaries and self-hosted fonts — WCAG 2.2 AA.
What’s included
- 8 views — Board, List, Backlog & Sprints, Timeline, My Tasks, Overview, Members, Settings — in one App Router app
- A keyboard-operable @dnd-kit board with pointer, touch and keyboard sensors + live announcements
- Four hand-built SVG charts, a ⌘K command palette and a focus-trapped task drawer
- A typed, seeded, localStorage-persisted Zustand store with one clean backend seam
- Dark + light theming (no-flash), responsive 375→4K, WCAG 2.2 AA, static export
Gallery
More Technology & SaaS templates
Make TEMPO yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.