rbmelolima / UI-Clone-Piperfy

🔄 Replicando a interface do Piperfy

Home Page:https://clone-piperfy.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

UI Clone Piperfy

O Pipefy é o Software de Gestão de Processos que torna o trabalho de departamentos como RH, Financeiro, Marketing, Suporte ao Cliente, TI e Desenvolvimento mais fácil e rápido. Como? Nossa ferramenta ajuda a controlar o volume de demandas recebidas por meio da otimização e automação de seus processos.

O objetivo deste projeto é recriar a interface principal do Piperfy, para tanto utilizei React.js e Styled Components. Conforme o desenrolar do projeto, aprendi mais sobre estilização utilizando o Styled Components e o uso da API de Drag in Drop.

Piperfy - Original

Piperfy - Clone

Depedências do projeto

  • immer
  • react-dnd
  • react-dnd-html5-backend
  • react-icons
  • styled-components

Próximos passos

  • Os cards só podem ser arrastados em cima de outros cards. Corrigir bug que não permite que os cards sejam arrastados para listas vazias.
  • Deixar responsivo.
  • Implementar arrasto de um card de uma lista para outra lista.

Material de Estudo

Recriando o Piperfy do zero - Diego Fernandes

About

🔄 Replicando a interface do Piperfy

https://clone-piperfy.vercel.app/


Languages

Language:JavaScript 92.9%Language:HTML 7.1%