#12 Kanban

Um Kanban é o #12 desafio #BORACODAR da RocketSeat

Tecnologias   |    Projeto   |    Layout   |    Collaborators   |   

🚀 Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

• HTML
• CSS
• JavaScript
• React
• Git e Github
• Figma
• Chakra UI
• react-dnd
• Next

💻 Projeto

O projeto Kanban foi realizado como parte do #12 desafio #BORACODAR da RocketSeat sugerido pelo professor Mayk Brito.

Funcionalidades

O desafio foi a criação de um kanban, além do layout proposto disponível em Layout, implementamos um Kanban funcional.

Adicionar tasks

Clicando no botão + é possível adicionar tasks com até 3 tags

Mover os cards

Usando o React-dnd e Chakra UI fizemos a funcionalidade de mover os cards para a coluna desejada

Filtros

É possivel digitar a pesquisa desejada, e o retorno será referente ao conteúdo dentro do título e da descrição. Ao clicar no botão de filtro, vão aparecer tags usadas nas tasks que podem ser usadas como filtro também. Essas tags vão ser adicionadas dinamicamente conforme são criadas novas tasks com tags diferentes.

Visite o projeto online

🔖 Layout

Você pode visualizar o layout proposto pela RocketSeat através do da imagem abaixo. Disponibilizado pelo Figma durante o período do desafio.

📃 Collaborators

This challange was made by Julia and Ricardo