A modern, highly interactive drag-and-drop task management board built with React, dnd-kit, and Tailwind CSS.
- Drag and Drop Interface: Seamlessly drag tasks between columns using
@dnd-kit/coreand@dnd-kit/sortable. - Dynamic Columns: Create, rename, and delete columns (lists) on the fly.
- Task Management: Add, edit, and safely delete your tasks.
- Persistent Storage: Saves your board configuration and tasks into the browser's local storage automatically.
- Modern UI: Clean, dark-mode focused aesthetic built with Tailwind CSS.
- Framework: React 19 + Vite
- Language: TypeScript
- State Management: React Context API +
useReducer - Drag & Drop: dnd-kit
- Styling: Tailwind CSS v4
- Icons: Lucide React
To get a local copy up and running, follow these steps:
You need Node.js and npm installed on your machine.
- Clone the repo
git clone https://github.com/your-username/taskflow-board.git
- Navigate into the project directory
cd taskflow-board - Install NPM packages
npm install
- Start the development server
npm run dev
You can check out the live version of the project here:
👉 Live Demo Link (Replace with actual URL)
Sanjarbek Otabekov
- GitHub: @your-github-username
- LinkedIn: Your LinkedIn Profile
Distributed under the MIT License.