Kanban Task App

A modern, responsive Kanban board application built with Next.js and TailwindCSS. This app helps you organize your tasks with a beautiful drag-and-drop interface and clean design.

About This Project

This project serves as a demonstration of the capabilities of the AI code editor, Windsurf. Most of the codebase, including this README, was generated with the assistance of Windsurf. The goal is to explore the potential of this AI-powered tool and see how far it can take a development project.

Features

• Drag and drop tasks between columns
• Clean, modern UI with TailwindCSS
• Fully responsive design
• Real-time updates
• Task priority management
• Due date tracking

Tech Stack

• Next.js - React framework
• TailwindCSS - Styling
• HeadlessUI - UI components
• TypeScript - Type safety
• date-fns - Date formatting

Getting Started

First, install the dependencies:

npm install
# or
yarn install

Then, run the development server:

npm run dev
# or
yarn dev

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

Project Structure

src/
  ├── components/     # React components
  ├── app/           # Next.js app router
  ├── types/         # TypeScript types
  └── utils/         # Utility functions

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.