Sign in to confirm you’re not a bot
This helps protect our community. Learn more

React course: Build a drag and drop Kanban Board: Typescript, Tailwind, Dnd-Kit multiple containers

Kliton Bare
22.9K subscribers
<__slot-el>
<__slot-el>
117K views 1 year ago
Demo: https://kanban-board.kliton.dev/ Source Code ( for patreon sponsors ⭐️): https://dub.sh/tYw2ph6 Discord server:   / discord   Blog:   / barekliton   Donations: https://ko-fi.com/codewithkliton 💼 Business Inquiries: work@klitonbare.com How i record my intros: https://dub.sh/screenstd In this video, we'll show you how to build a drag and drop Kanban Board in React, Typescript, Tailwind, and Dnd-Kit library. 00:00:00 Intro 00:00:27 Project setup 00:03:48 Kanban board setup 00:08:27 Kanban columns 00:19:32 Columns drag and drop 00:33:32 Edit column title 00:38:47 Add tasks to Kanban Board 00:46:20 Delete task button 00:50:53 Edit Task Content 00:58:26 Drag and drop of tasks 01:12:21 Fix previous error 01:13:07 Final thoughts ...more
...more
React course: Build a drag and drop Kanban Board: Typescript, Tailwind, Dnd-Kit multiple containers
2.9KLikes
117,792Views
2023Jul 30
Demo: https://kanban-board.kliton.dev/ Source Code ( for patreon sponsors ⭐️): https://dub.sh/tYw2ph6 Discord server:   / discord   Blog:   / barekliton   Donations: https://ko-fi.com/codewithkliton 💼 Business Inquiries: work@klitonbare.com How i record my intros: https://dub.sh/screenstd In this video, we'll show you how to build a drag and drop Kanban Board in React, Typescript, Tailwind, and Dnd-Kit library. 00:00:00 Intro 00:00:27 Project setup 00:03:48 Kanban board setup 00:08:27 Kanban columns 00:19:32 Columns drag and drop 00:33:32 Edit column title 00:38:47 Add tasks to Kanban Board 00:46:20 Delete task button 00:50:53 Edit Task Content 00:58:26 Drag and drop of tasks 01:12:21 Fix previous error 01:13:07 Final thoughts

Follow along using the transcript.

Kliton Bare

22.9K subscribers