Skip to content

Latest commit

 

History

History
25 lines (20 loc) · 1002 Bytes

README.md

File metadata and controls

25 lines (20 loc) · 1002 Bytes

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