doTask

Aplicação de quadro Kanban para gerenciamento de tarefas, construída com Angular 19. Permite criar, editar, comentar, mover (drag and drop) e excluir tarefas organizadas em três colunas: A Fazer, Fazendo e Concluído.

Funcionalidades

• ✅ Criar novas tarefas com nome e descrição
• ✏️ Editar nome e descrição de tarefas existentes
• 💬 Adicionar comentários a uma tarefa
• 🗑️ Excluir tarefas
• 🔄 Mover tarefas entre colunas via drag and drop (Angular CDK)
• 💾 Persistência automática no localStorage do navegador

Tecnologias

• Angular 19
• Angular CDK (Drag & Drop)
• RxJS
• Tailwind CSS
• TypeScript

Estrutura do projeto

src/app/
├── components/
│   ├── header/                  # Cabeçalho da aplicação
│   ├── welcome-section/         # Seção de boas-vindas
│   ├── main-content/            # Container principal
│   ├── task-list-section/       # Quadro Kanban (colunas e drag and drop)
│   ├── task-card/               # Card individual de tarefa
│   ├── task-form-modal/         # Modal de criação/edição de tarefa
│   └── task-comments-modal/     # Modal de comentários da tarefa
├── services/
│   ├── task.service.ts          # Gerencia estado e persistência das tarefas
│   └── modal-controller.service.ts
├── interfaces/                  # Interfaces (ITask, IComment, etc.)
├── enums/                       # TaskStatusEnum (to-do, doing, done)
├── types/                       # Tipos auxiliares
└── utils/                       # Funções utilitárias (geração de ID único)

🚀 Como rodar o projeto

Pré-requisitos

• Node.js (versão compatível com Angular 19)
• Angular CLI instalado globalmente (opcional, o projeto já usa a versão local via npx/ng)

Instalação

git clone https://github.com/seu-usuario/Projeto-GoTask.git
cd doTask
npm install

Executando em ambiente de desenvolvimento

ng serve

Depois, acesse http://localhost:4200/ no navegador. A aplicação recarrega automaticamente a cada alteração nos arquivos.

Build de produção

ng build

Os artefatos de build ficam disponíveis na pasta dist/.

Testes unitários

ng test

Executa os testes com o Karma.

💡 Como funciona

As tarefas são armazenadas em três listas reativas (todoTasks, doingTasks, doneTasks), gerenciadas pelo TaskService com BehaviorSubject do RxJS. Cada alteração (criar, mover, editar ou comentar) atualiza o estado e persiste automaticamente no localStorage, então as tarefas continuam disponíveis mesmo após recarregar a página.

📄 Licença

Este projeto é livre para fins de estudo e aprendizado.