Kanban Board Application

This is a Next.js project bootstrapped with create-next-app.

Project Overview

This project has following:

• Dynamic columns with add, rename, and delete capabilities
• Task cards with add, edit, delete functionalities
• Detailed task view including a comments section with add/edit/delete comments
• Drag-and-drop support for moving and reordering tasks
• Data persistence across page reloads via localStorage

Additionally, I have also added some other features to further enhance the application:

• Nested Reddit-like replies in the comments section
• Responsive design for seamless use across different screen sizes
• Keyboard navigation support to move tasks with arrow keys

This project demonstrates both the required functionality and additional enhancements to deliver a polished, user-friendly Kanban board application.

---

Tech Stack

• Next.js — React framework for server-side rendering and static site generation
• React — UI library for building components
• Redux Toolkit — For state management
• Tailwind CSS — Utility-first CSS framework for styling

---

How to Run

1. Install dependencies:

npm install
# or
yarn install
# or
pnpm install
# or
bun install

2. Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.