KanbanFlow
A responsive Kanban board with view toggle
How do I switch between full and compact views?
Use the view toggle in the header (Full/Compact buttons). Full view shows all task details: title, description, due date, timestamp, and priority. Compact view shows only the task title with small priority and overdue indicators. This is useful when you have many tasks and want to see more at once.
What can I see in compact view?
In compact view, you’ll see:
- Task title,
- Priority indicator (color-coded dot),
- Overdue indicator (red clock icon if overdue),
- Edit and delete buttons on hover. All other details are hidden to save space. Double-click or click edit to see full details.
How do I edit a task?
You can edit tasks in three ways:
- Click on any task title, description, or timestamp to edit it inline,
- Click the edit icon (pencil) that appears when you hover over a task, or
- Double-click anywhere on a task to enter edit mode. All changes are saved automatically when you click “Save” or press Enter.
When does the "Moved to list" timestamp update?
The “Moved to list” timestamp only updates when a task is moved to a different list/column. Reordering tasks within the same list does not update this timestamp. This helps you track how long a task has been in its current workflow stage.
What happens when a task is overdue?
Tasks with expected completion dates that have passed are highlighted with a red border and a subtle red background. This makes it easy to identify overdue tasks at a glance and prioritize them accordingly. You can edit the due date to remove the overdue status.
How does localStorage work with this Kanban board?
This Kanban board uses the browser’s localStorage API to save your board’s state automatically. Every time you add, edit, move, or delete a task, the changes are saved locally in your browser. This means your data persists even after you close the browser tab or restart your computer.
How can I delete tasks from the board?
You can delete tasks in three ways:
- Hover over a task and click the trash icon that appears in the top-right corner,
- Double-click on any task, or
- Use the “Clear All Tasks” button in the header to remove all tasks at once. Task deletion is permanent, so be careful!
What does "Clear All Tasks" do?
The “Clear All Tasks” button removes all tasks from your Kanban board but keeps your list configuration (columns) intact. This is useful when you want to start fresh with a new project while keeping your workflow structure. Your lists, their names, colors, and limits will remain unchanged.
Is my data safe and private?
Yes! All your data is stored locally in your browser using localStorage. This means your tasks and board configuration never leave your computer unless you explicitly export them. We don’t collect any data or store anything on external servers.