We start with the basic building blocks on our website. This includes the code for "Cards" and "Views" on the website.

Things to accomplish:

• [x] Build a "Card" Component
• [x] Build a "View" component
  • [x] Include the title of the view
  • [x] Show "Drag your issues here" when there are no issues saved in the view
• [x] Build the Issue Bucket
• [ ] Create some fake dummy data
• [x] Style them according to our Sketch design
• [ ] Allow you to drag and drop the Card into a View
  • [x] Add hover state to view when dragging card over view
  • [x] Change mouse cursor when hovering over card to show you can drag it
  • [x] Keep "grab" cursor when dragging item
  • [ ] Add logic to include issue in view
  • [ ] Include "state" on what issues are included in the view

Working with dashboard.getgitme.com

1:22:25 - difference between onDragExit and onDragEnd

I've started using code from here: https://codesandbox.io/s/wyl6jm7oy7?from-embed=&file=/Container.js

To get some of the drag and drop functionality I want

We ended up using sample code from Framer-Motion instead that was much better looking and worked much better: