Build a Kanban Board in React: A Step-by-Step Tutorial

Published: 13 March 2023
on channel: Koding 101
41,511
663

In this tutorial, you'll learn how to build a custom Kanban Board or Progress Board using React, a popular JavaScript library for building user interfaces. Kanban boards are a popular tool for managing tasks and workflows in Agile project management, and building one with React can help you develop a more efficient task management system.


Chapters
0:00 - 1:14 Intro
01:14 - 04:00 Understanding React-beautiful-dnd
04:00 - 07:09 Project Setup
07:09 - 09:32 Kanban Board
09:32 - 17:34 Droppable Column
17:34 - 28:00 Draggable Card/Task
28:00 - 34:05 OnDragEnd
34:05 - 37:20 Clean Up
37:20 - 39:30 Final Demo
39:30 - 40:16 Outro

Buy Me A Coffee: http://bit.ly/3YDJ7MN
Source: http://bit.ly/3ZHM2pj
Medium:   / ksekwamote  
Website: www.kutlosek.xyz
GitHub: github.com/ksekwamote
LinkedIn:   / kutlosek  


Watch video Build a Kanban Board in React: A Step-by-Step Tutorial online without registration, duration hours minute second in high quality. This video was added by user Koding 101 13 March 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 41,51 once and liked it 66 people.