Kanban Board

How to Use the Kanban Board

1. Add Tasks

• Click “+ Add Task” button

• Fill in:

  • Title (required)

  • Description (optional)

  • Status (To Do/In Progress/Done)

  • Due Date (optional)

2. Organize Workflow

• 3 Columns:

  • To Do (Backlog)

  • In Progress (Current work)

  • Done (Completed tasks)

• Drag & Drop tasks between columns to update status

3. Manage Tasks

• Edit: Click ✏️ icon

• Delete: Click 🗑️ icon (confirmation required)

• Task Counters: See how many tasks are in each column

💡 Productivity Tips

✔ Keyboard Shortcuts: Press Enter to submit forms
✔ Visual Tracking: Color-coded columns show progress
✔ Responsive: Works on mobile devices (touch-friendly drag & drop)

⚙️ Technical Features

• Local Storage: Tasks save automatically in your browser

• Empty States: Friendly messages when columns are empty

• Form Validation: Prevents blank task titles

Example Workflow

1. Add “Design Homepage” (To Do)

2. Drag to In Progress when started

3. Edit to add details as work progresses

4. Drag to Done when complete

🛠️ Troubleshooting

• Lost tasks? Data persists in browser unless cleared

• Drag issues? Try tapping and holding on mobile

• Form won’t submit? Check for red validation errors