Kanban DND

Kanban desenvolvido em React como exércicio de React, Redux e Manipulação de estado.

Como vizualizar o projeto

O Projeto pode ser visualzado em: https://kanbandnd.netlify.app/ ou rodado localmente baixando os arquivos e executando os seguintes comandos:

yarn install

yarn start

Recursos

• Mova tarefas entre colunas arrastando-as e largando na posição desejada
• Reorganize a ordem das taréfas arrastandoas na mesma coluna
• Para criar uma nova coluna, clique em 'Adicionar outra lista', digite o titulo e pressione a tecla Enter, para cancelar basta clicar fora ou apertar a tecla ESC
• Para criar um novo card, clique em 'Adicionar outro cartão', digite o titulo e pressione a tecla Enter ou clique fora, para cancelar basta apertar a tecla ESC
• Para criar novas tags, clique em nova Tag na tarefa desejada, digite o titulo e pressione Enter
• Caso queira renomear uma coluna ou cartão, basta clicar no botão no formato de lápis, digitar o novo titulo e apertar Enter, caso queira voltar para o titulo antigo aperte Esc ou clique fora
• As cores das colunas podem ser alteradas clicando no botão em formato de paleta de cores, selecionando a cor desejada e clicando novamente no botão para fechar o seletor
• Se deseja remover Colunas ou cartões, basta clicar nos icones em formato de lata de lixo, se quiser remover as tags, clique em cima das mesmas
• Caso queira alterar o icone da sua lista, clique no Emoji. Para fechar o seletor, basta apertar a tecla Esc ou clicar novamente no emoji

Bibliotecas

• React
• styled-components
• react-beautiful-dnd
• emoji-picker-react
• Redux
• react-redux
• redux toolkit
• react-colors
• react-toastify