For front-end study purposes
-
immer: to use immutable objects like mutable
-
react-dnd to use dragn in drop handlers
-
react-dnd-html5-backend: to use browser drag in drop api
-
react-icons: to use material icons
-
styled-components: to style components like objects, using props
-
Create Header
-
Create Board
-
Create Card
-
Make Card draggable
-
Make Card droppable
-
Move Card
-
Move Card when 50% above/below another card
-
Create new card
-
Create new list
-
Create show card details
-
Create show card details
-
Card is changing another card with same index
-
Card is changing another list with same index
-
Move card to another list
-
Move card to blank list
I use create-react-app from (https://github.com/facebook/create-react-app).