Kanban Board with React & DnD-kit

Experience the power of organization and task management with our Kanban Board developed using React, Typescript, Tailwind CSS, and DnD-kit. Stay on top of your tasks and projects seamlessly.

👉 click me to see 👀

⚙️ Technology Stack:

• React with Vite
• TypeScript
• Tailwind CSS
• DnD-kit

Feature 👇

• Create, Edit & Delete Column
• Add Task, Delete Task, Edit Task
• Drag tasks within their own column
• Drag tasks across different columns

How to run locally 🤔

• Make sure you have Node.js and npm installed.
• Clone the repository: git clone https://github.com/Muhammad-Faizan-Tariq/kanban-board-react-dnd-kit.git
• Install dependencies: tailwind @dnd-kit/core @dnd-kit/sortable @heroicons/react
• Start the development server: npm run dev
• Open your browser and visit: http://localhost:5173

Thanks for watching the repo and site ❤️