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

[@koding_101]

Hello Guys, Thank you for watching and liking my videos. I have noticed that many of you are watching and interacting with my content. In this video, I would like to APOLOGISE for the BACKGROUND NOISE. My nephews came to visit, and I did not anticipate that the noise would be picked up by the microphone. I will pay closer attention in the future.

[@kenosabi]

No worries friend. Great work!

[@plazma5343]

No worries :)

[@plazma5343]

Man, thats actually something i'm implementing as part of my app, and having your point of view on this is gonna be great ! Once again thank you ;)

[@Aro0s]

Спасибо за понятное обучение. Пересмотрел много видео, но только в этом понял как работает) Спасибо

[@annaharder2412]

Can you please make a follow up video on how to set up the backlog column? This video has been so helpful!

[@yomum9404]

thank you, this was awesome

[@okechukwuuchenna7725]

hi Koding, Im trying to implement this with Next.js and tailwind css with like 6 columns to drop cards into, im running into some errors, my cards are not draggable...any way out?

[@kolynzb]

Thank you

[@koding_101]

You're most welcome , it's my pleasure

[@srikrshnap6036]

How to add new tasks and remove tasks, as in if I had to do it manually

[@ricardo5460]

if you guys get the "unable to find draggable" error just deactivate strict mode or use hello-pangea instead (uses react beautiful dndb) that solve the issue for me. Hope it helps

[@abuasim1000]

You started beautifully, but started just pasting the codes for your convenience. this is not a useful tutorial who don't know about dnd. It appears you are teaching yourself.

[@OscarGomez-jc9ch]

Why can't they do something without bad practices?

[@DavidMagaha]

I am trying to get the first column to render and on i keep getting an error on Line 43: Expected an assignment or function call and instead saw an expression no-unused-expressions. Thats on the TaskList tag. Any help/assistance would be great. Here is my tag: {(provided, snapshot) => { { /* Provide Your tasks */ } {provided.placeholder} ; }}

[@DavidMagaha]

I fixed it..

[@sir_luvo_spofana]

Genius!@@DavidMagaha 🔥

[@AotourDeveloper1]

How?@@DavidMagaha

[@JohnSmith-co1zv]

error> React does not recognize the `isDraggingOver` prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase `isdraggingover` instead. If you accidentally passed it from a parent component, remove it from the DOM element Help, I disabled strict mode