Back to Portfolio

Kanban Board

Next.js Demo Project

Modern React Patterns & Best Practices

This Kanban board showcases Server Components, Server Actions, Optimistic UI updates, and advanced drag-and-drop interactions.

🎯Drag cards to move
✏️Double-click to edit
⌨️Press N for new task

To Do

2

Write documentation

Add README and inline comments

Deploy to production

Deploy the Kanban board to Vercel

In Progress

2

Implement drag and drop

Add @dnd-kit for task reordering

Add task CRUD operations

Create, read, update, and delete tasks

Review

1

Code review

Review all code for best practices

Done

2

Setup Next.js project

Initialize Next.js with TypeScript and Tailwind

Design Kanban board UI

Create mockups for the Kanban board interface