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

wasp-lang / wasp

The fastest way to develop full-stack web apps with React & Node.js.

https://wasp-lang.dev

MIT License

13.22k stars 1.18k forks source link

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

Open matijaSos opened 2 years ago

matijaSos commented 2 years ago

This is how it works in Trello: trello_dnd

This is in Waspello: waspello_list_dnd

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 #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 commented 1 year ago

Can Get Task List @matijaSos ?

Thanks, ShGI

ShabanaNaik commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

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 commented 1 year ago

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

Martinsos commented 1 year ago

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

AddisonYan commented 2 months ago

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

Martinsos commented 2 months ago

@AddisonYan sure go for it!