How To Build A Drag & Drop Kanban Board With JavaScript

Drag & drop functionality is super useful for all sorts of apps & websites. With the HTML Drag and Drop API, it's a lot easier than you might think to get drag and drop up and running.

In todays video we'll do just that by creating a simple Trello style Kanban board using only HTML, CSS and JavaScript.

#programming #JavaScript #coding #webdevelopment

📚 Project Links

🔗 My Links

[FunnyVideos-niiu]

Thanks a lot Tom! This was the best javascript kanban tutorial, cheers

[CynthiaChen]

really appreciate your efforts for the tutorial, I use basic idea from it and add "drop" listener to my project to better work with server side. The deco looks beautiful!

[sai_charan]

Stumbled upon you recently. Excellent content, keep going!

[CLeovison]

Hey man! You deserve a more subscriber, the way you teach is so so good

[mistercoder]

Very nice, but a save option is necessary to avoid rewriting all tasks everytime.

[thanosarampatzis]

Amazing video Tom great job! could be possible instructions to read the to-do list from js or from other external file?

[cyrilpiot]

Hi, Thank you so much great tutorial!

[lina_adil]

Hey man, I follow you on TikTok I was searching about Kanban boards and found your video, Very helpful. Thank you for the content. also, the drag and drop doesn't seem to work on the mobile version any suggestions? I would appreciate a video with the delete and edit button too blessings

[CowMeCow]

Would be great if something like this can be added as WordPress Plugin, or as Addon for "Bricks Builder"

[Krat_os_]

How can I make sure that everything remains in place after the update?

[appstuff]

Hey tom thanks for this! Im using supabase so how do i save the sorting arrangement for each user?

[GS-stsp]

can you build a kan ban board with time tracking?? I would love to learn how to do that.

[jonahssegawa]

I'm really confused about the insertAboveTask function mostly why you used the Negative_infinity

[luciano]

very good, would you show how to put it in localStorage and put a button to delete it?

[ColinsTonfack]

great content bro, but try to speak a little bit slowly