Skip to content

Gustavonn07/Kanban-DnD

Repository files navigation

Kanban App

Um Kanban App construído com React e TypeScript, utilizando Tailwind CSS, dnd-kit e Chart.js. Este projeto foi desenvolvido para praticar a implementação de funcionalidades de Drag and Drop em aplicações React e aprimorar a gestão de tarefas com uma interface intuitiva e recursos avançados.

🚀 Funcionalidades

CRUD Completo: Criação, edição e exclusão de tarefas.

Drag and Drop: Reorganização de tarefas através de drag-and-drop utilizando dnd-kit.

Modal de Logs: Acompanhamento de mudanças e ações realizadas com um modal de logs.

Gráficos: Visualização de dados e progresso das tarefas com gráficos interativos usando Chart.js.

💻 Tecnologias Utilizadas

React: Biblioteca para construção da interface de usuário.

TypeScript: Linguagem de programação que adiciona tipagem estática ao JavaScript.

Tailwind CSS: Framework de CSS utilitário para estilização.

dnd-kit: Biblioteca para implementação de drag-and-drop.

Chart.js: Biblioteca para criação de gráficos.

🛠️ Estrutura do Projeto

src/: Contém os arquivos de código-fonte.

components/: Componentes reutilizáveis.

hooks/: Hooks personalizados.

styles/: Arquivos de estilo.

utils/: Funções utilitárias.

public/: Arquivos estáticos.

package.json: Dependências e scripts do projeto.

📋 Screenshots

image

image

image

📄 Licença

Este projeto está licenciado sob a MIT License.

About

Projeto feito para aprender DnD, assitindo o video - DnD Kanban: https://www.youtube.com/watch?v=RG-3R6Pu_Ik&t=1178s (Aperfeiçoado depois)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published