Kanban Board

A kanban board is a visual project management tool that organises work into columns representing stages of a workflow. Each piece of work is represented as a cardthat moves from left to right across columns as it progresses — from “To Do” through “In Progress” to “Done”. The kanban method was developed at Toyota in the 1940s and has since become one of the most widely used frameworks in software development, content production, and personal productivity. Our kanban boardimplements the core kanban workflow entirely in your browser — no server, no account, and no data ever leaves your device. The board saves automatically to your browser's local storage so your work is always there when you return.

1. Set Up Your Columns:The kanban board starts with five default columns — Backlog, To Do, In Progress, Review, and Done. Click any column title to rename it, use the ⋯ menu to delete a column, or click “Add column” at the right edge to create a new one with a custom accent color.
2. Add and Configure Cards:Click “Add card” at the bottom of any column to create a new card. Give it a title, an optional description, a priority level (High, Medium, Low, or None), and any number of tags. Click the pencil icon on any card to edit it at any time.
3. Drag Cards Between Columns:Grab any card by its grip handle and drag it to a new position within the same column or drop it into a different column entirely. The kanban board uses the browser's native HTML5 drag-and-drop API — no plugins required. All changes save automatically to local storage.

• Drag-and-Drop Cards: Move cards within a column to reorder them, or drag them across columns to change their workflow stage. Visual ring highlights show valid drop targets during drag operations.
• Priority Labels: Assign High (red), Medium (yellow), Low (green), or None priority to each card. A colored dot in the card corner and a badge below the title make priority instantly visible at a glance.
• Tags: Add free-form tags to cards for categorisation — client names, project types, feature areas, or anything else. Tags appear as small badges on each card and help you scan the board quickly.
• Local Storage Persistence:The entire board state — columns, cards, titles, priorities, tags, and order — is saved to your browser's local storage automatically on every change. Your board persists across browser sessions with no account required.

Keep your “In Progress” column small — the kanban method works best when you limit work in progress (WIP) to 2–3 items at a time. This forces you to finish tasks before starting new ones, reducing context switching and improving throughput. Use the Highpriority label sparingly — if everything is high priority, nothing is. Reserve it for genuine blockers or time-sensitive items. Use tags to group related cards across columns so you can quickly scan the board for all cards belonging to a specific project, client, or feature area. The “Reset board” button restores the default demo state if you want to start fresh.