Skip to content

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.

Notifications You must be signed in to change notification settings

Muhammad-Faizan-Tariq/kanban-board-react-dnd-kit

Repository files navigation

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 ❤️

About

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.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published