📖 Step 5: Design - Advanced UI/UX#127 / 291

Kanban

Kanban

📖One-line summary

A task board UI organized into To-do → In Progress → Done columns.

Example

Kanban board — track task status

To Do

API design
DB schema

In Progress

Login UI

Done

Wireframe
Product brief

Vibe coding prompt examples

>_

Build a kanban board in React. Include To Do, In Progress, and Done columns and let me drag cards across columns.

>_

Add add/edit/delete card features to the kanban board. Cards should show title, assignee, labels, and due date.

Try these prompts in your AI coding assistant!