kanban-board-react-dnd-kit Tailwind Templates

Kanban Board 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.

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.

:point_right: click me to see :eyes:

⚙️ Technology Stack:

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

Feature :point_down:

  • 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 :thinking:

  • 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 :heart:

Top categories

Loading Svelte Themes