React Draggable Kanban Board

React Draggable Kanban Board
In this video, we are going to make draggable kanban board in ReactJS.
Don't forget to click the like button and share the video with your friends if you found the video useful.
Make sure to SUBSCRIBE for more AWESOME videos like this!
🔴 TIMESTAMP
00:00 - Demo
00:16 - Setup project
🔴 CONTACT
Facebook: / trananh2001
Github: github.com/trananhtuat
🔴 SOURCE CODE
github.com/trananhtuat/react-...
🔴 REFERENCE
- Create react app: create-react-app.dev/
- SASS: sass-lang.com/
- Boxicons: boxicons.com/
- Google font: fonts.google.com/
- React beautiful dnd: github.com/atlassian/react-be...
🔴 MORE AWESOME VIDEOS
/ tuattrananh
--------------------------
#tuattrananh #ReactJS #Kanban #ReactKanban #Draggable #ReactDraggable #SASS #Animated #3d #3dAnimation #Animation #ReactNavigation #Sidebar #AnimatedSidebar #ReactSidebar #AdminDashboard #adminpanel #reactadmin #HTML #CSS #JavaScript #SCSS #React

[@sdfsfsfd437]

Fantastic job!

[@yulduz2506]

thanks very helpful

[@SatoshiUy]

Rất bổ ích, mình đã học đc nhiều thứ từ video này, cảm ơn bác nhé 💓

[@tuattrananh]

❤❤❤❤❤

[@elad3958]

Great music, great video

[@snssatyabhagavan]

Excellent bro as always

[@tuattrananh]

thank you ❤️

[@arupde6320]

good job . be regular .

[@lucascostaventura9410]

nice!!! congratulations

[@tuattrananh]

thank you

[@brianb6796]

You didnt notice that the task doesnt change when moved up or down a column

[@trungnguyenduc5862]

xem anh thấy mình còn p học nhiều

[@user-yi3rq7jk2r]

i love it

[@haian_]

Thanks 😍
Please create Movie Films again but with Styled components and React Router Dom v6 🙏😭

[@jricardo2012]

top !

[@tharindusandeepa]

Bro its time for u to do ur voiceover, ur content is good 👍

[@funvid691]

do you have a step by step tutorial or a course maybe? thanks for this though :)

[@ThinhNguyen-zb6rv]

Thư việc này có hộ trợ khi drag item sang cột khác sẽ đổi màu không anh

[@sdfsfsfd437]

New subscriber

[@tuattrananh]

thank you ❤️

[@alaminmir08]

please create another game landing page creation video like the previous one.

[@johnnytringuyen3382]

Kênh của anh toàn hàng khủng không dậy 😱

[@tuattrananh]

hehe 😅

[@iOUEDRHIRIMOH]

I want to drag the item without removing it from the source and also want for example the object has elemnt and content I want the element to be draged not the content and from the original list the content still displayed so I can drag it again if you can please

[@mamunahmed8113]

I have face this error
Uncaught TypeError: Cannot assign to read only property 'tasks' of object '#'
data[sourceColIndex].tasks = sourceTask;
data[destinationColIndex].tasks = destinationTask;

[@HuyLe-xj6yl]

Chào bạn, cho mình hỏi bạn đã đi làm chưa vậy ? Cùng 2k1 mà mình mới tập tành làm pj của bạn ? Nội dung rất hay :)

[@tuattrananh]

mình 95 bạn ơi

[@nguyennhat5956]

Em hỏi chỗ này cái, lúc mà em thử setState(state++) nó lại không đc là vì sao vậy anh?

[@pinh4133]

anh ơi anh làm video về cái select multipe đi Em cảm ơn

[@prathamrohatgi9926]

if moved up or down in same column , the task gets duplicated

[@someone-jj9iy]

please dont stop making videos man :/

[@tuattrananh]

I will be back soon 💪

[@abhishekmishra9841]

MERN PROJECTS PLEASE

[@hoptran8594]

cho em hỏi mấy cái icon trong title mockData ah làm thế nào vậy ạ

[@tuattrananh]

vào trang này copy rồi bỏ vào string thôi em getemoji.com/

[@hoptran8594]

@@tuattrananh em cảm ơn

[@albboy_]

Github repo didnt match

[@tuattrananh]

Thank you. I updated github link