Welcome to the 10th project of 100 Web Projects Series.
In this video we’re going to create a draggable to do app using HTML, CSS & JavaScript. In addition, you will learn how to work with drag and drop API of JavaScript and how to do some basic DOM manipulation.
If you liked it don’t forget to smash that like button and hit the subscribe button.
Source Code:
http://bit.ly/3rj2hYP
Create Modal Tutorial:
https://youtu.be/H-5LOvht5hQ
LIKE AND SUBSCRIBE 😀
#todo #WebDevelopment #WebDesign
Cool todo app, but there is a bug. It is not possible to place the item from the bottom to the top but from top to bottom is possible please give the solution to how to do it.
my drag and drop drags all the items in the list at once.do you know what might be the problem?
I'm still new to this. Followed the tutorial with no problem.
Does anyone knows if it's possible to limit the draggabletodo for each class status.
like for example i can only drag 3 todo in each status if more than 3, it disables the drop function.
Awesome video! Great stuff! Now to the elephant in the room… How to save the changes for later use?! I would love to see a json option 🙏 Regardless, this video was really well-done!!!
This is ace! Thanks man.
could you please tell me how i could make the todo editable ?
Do you think you can make a tutorial on how the data is saved on the board? please
🥺❤️👊🏾
Is it possible to have several todo-containers on a single page and each has a unique id and the dragging would only be within each uniquely id'd container? Can the existing functions be modified to accommodate this or is a different approach needed?
Please can you explain how to stop having "buy pizza" every time the page is refreshed…