← Back to work Prototype · Collaboration

FlowBoard

A drag-and-drop Kanban board that actually ships work — columns with WIP limits, colored labels, due-date warnings, and instant card creation. Move a card and the whole board recalculates live.

ReactReactTypeScriptTypeScriptdnd-kitZustandNode.jsNode.jsPostgreSQLPostgreSQLWebSockets
Visit live site ↗
<p>A drag-and-drop Kanban board that actually ships work — columns with WIP limits, colored labels, due-date warnings, and instant card creation. Move a card and the whole board recalculates live.</p>

The brief

Every team that ships work needs a shared picture of who is doing what and what's stuck. Kanban boards are the lingua franca of product, ops, agency, and engineering teams — but generic tools are bloated and rigid. The category demands a board that is fast, visual, and bends to your exact workflow.

What we built

FlowBoard is a five-column board — Backlog, To Do, In Progress, In Review, Done — with cards you drag between columns. Each card carries colored labels, an assignee avatar, and a due date that turns amber when it's near and red when it's overdue. Columns enforce WIP limits and flag overflow, while a live header tracks total cards and percent complete.

How it works

Cards use native HTML5 drag-and-drop with drop-position detection, so you can reorder within a column or move across columns, and the board re-renders from a single in-memory state array. An inline composer adds cards with labels and dates without leaving the board, label chips filter the view, search narrows by title, and arrow keys move a focused card for full keyboard control.

Make it yours

This is a functional prototype that demonstrates the category — it's a capability demo, not a client deployment. Romanov Solutions builds, clones, customizes, and integrates Kanban tooling fully custom-fit to your team: swimlanes, automations, real-time multiplayer, Slack and GitHub sync, and reporting. Lease it, try it free, buy the code, or have us build something new.

Like this project?

Project like this?

Tell our assistant what you have in mind — it'll sketch the first version of your game plan on the spot, and we'll pick it up from there. No forms, no waiting.

Chat with our assistant → Book a call
Ask AI