React course: Build a drag and drop Kanban Board: Typescript, Tailwind, Dnd-Kit multiple containers
Kliton Bare
@klitonbareAbout
Hey, I'm Kliton and I have been a software engineer since 2014. I discovered my passion for programming when I was 13 or 14 years old and I started creating cheats for games like Metin2. I'm diving deep into the world of software engineering on this channel, and I'd love for you to join me! Expect to see fun, straightforward coding tutorials, tech insights, and a glimpse into my own journey as a software engineer. Don't forget to hit subscribe. Happy coding!
Latest Posts
No results found. Try different keywords.
Video Description
Demo: https://kanban-board.kliton.dev/ Source Code ( for patreon sponsors ⭐️): https://dub.sh/tYw2ph6 Discord server: https://discord.gg/Gc3ShuJrYE Blog: https://medium.com/@barekliton Donations: https://ko-fi.com/codewithkliton 💼 Business Inquiries: [email protected] 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
Master Kanban Board Tools
AI-recommended products based on this video
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)
Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code
Environet Hydroponic Growing Kit, Self-Watering Mason Jar Herb Garden Starter Kit Indoor, Windowsill Herb Garden, Grow Your Own Herbs from Organic Seeds (Basil)
Herb Garden Planter Indoor Kit 21Pcs Kitchen Herb Garden Starter Kit Growing Kit Including Wooden Box Burlap Pots Soil Discs Gardening Tools Unique Easter Birthday Christmas Gift Ideas for Women Mom
Bonsai Starter Kit – 1x Bonsai Tree | Complete Indoor Starter Kit for Growing Plants with Bonsai Seeds, Tools & Planters – Gardening Gifts for Women & Men
Freenove Ultimate Starter Kit for BBC micro bit (V2 Included), 316-Page Detailed Tutorial, 225 Items, 44 Projects, Blocks and Python Code
NuGrain Wood Repair Kit, Professional Floor Scratch Repair- Restores Scratch, Covers Nicks, Marks, Minor Defects,Restore a Finish for Wood (1pcs)
Whitebite Pro Professional Teeth Whitening Kit for Sensitive Teeth | LED Light Accelerator | 4 Whitening Gels (35% Carbamide Peroxide) & 2 Remineralizing Gels | Professional Dental-Grade | Enamel Safe
AYASAL Lash Lift Kit Eyelash Perm Kit, with Detailed Instruction Eyelash Lift Kit, Easy for Beginner and Professional Lash Perm Kit, Achieve Salon-Quality Lashes Lift with Safe and Effective Result
