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 👀
- React with Vite
- TypeScript
- Tailwind CSS
- DnD-kit
- Create, Edit & Delete Column
- Add Task, Delete Task, Edit Task
- Drag tasks within their own column
- Drag tasks across different columns
- 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