[example/Waspello] Make list tilt while dragged'n'dropped like in Trello

[matijaSos]

This is how it works in Trello:

This is in Waspello:

NOTE: For the implementation of drag'n'drop functionality in Waspello, we are using react-beautiful-dnd maintained by Atlassian (which owns Trello), so I believe with it we should able to implement the same functionality Trello has.

The problems with Waspello are:

• user can't drag by focus area of list's name -> it automatically goes into edit mode (turns into input) fixed by Fix: drag n drop like trello in example #785
• list does not get tilted while dragged (wasn't implemented yet but shouldn't be too complicated)

Disregard the slight lag when the list is dropped to the new position, that is due to no support for optimistic UI updates in Wasp yet (currently discussed in #63).

[SGI-CAPP-AT2]

Can Get Task List @matijaSos ?

Thanks,
ShGI

[ShabanaNaik]

Hello @matijaSos @maksim36ua. I would like to work on this. I am a new contributor to open source. But I have a experience working with web development. Your help would be greatly appreciated!😊

[matijaSos]

hey @ShabanaNaik of course! Let me know how I can help? Maybe it would be best if you tried to run the code first and then lmk once you get stuck. Did you manage to successfully run Waspello?

[ShabanaNaik]

Hello, @matijaSos. Thank you for the opportunity 😊. I haven't tried running waspello yet but I would let you know if I am stuck anywhere or require any other help.

[monizb]

Hey! I am interested in picking this up if this is still available!

[Martinsos]

Certainly @monizb , please go for it and ping us if you have any questions!

[AddisonYan]

hi @Martinsos is this issue still open and available? i can take it up if so.
cc: @JiaweiZhu28

[Martinsos]

@AddisonYan sure go for it!

[Keithcat767]

I went to pick this up and saw that the dnd library has been deprecated (atlassian/react-beautiful-dnd#2672) and has been replaced with this library: https://github.com/atlassian/pragmatic-drag-and-drop.

Does it make sense to hold on this and maybe tackle it as a part of a migration effort to Atlassian’s new package?