Pipefy Clone (ReactJS)

Demo:

Open app preview

For front-end study purposes

Some used libs:

• 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

Some features to work

• 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

Some bugs to work

• 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

Contact me

LinkedIn.

I use create-react-app from (https://github.com/facebook/create-react-app).