Pequena aplicação web de gestão de projetos utilizando Kanban. Desenvolvida com Vue 3, Tailwind CSS e DaisyUI.
Este frontend foi desenvolvido como trabalho de conclusão do segundo módulo - Desenvolvimento Frontend Avançado - da Pós-Graduação em Desenvolvimento FullStack da PUC-RIO.
Link para o protótipo em alta fidelidade no Figma
- Listar quadros.
- Criar tarefa.
- Editar tarefa.
- Excluir tarefa.
- Adicionar sub tarefas.
- Exibir informações do perfil de usuário.
- Implementar backend real.
- Login de usuário.
- Registro de usuários.
- Criar/Editar/Arquivar quadros.
- Criar/Editar/Arquivar workflows|status.
- Arquivar tarefas.
- Associar usuários a tarefas.
- Associar usuários a sub tarefas.
- Reordenar tarefas.
- Reordenar sub tarefas.
- Arrastar tarefas entre workflows|status.
- Layout Responsivo no mobile.
- Validação nos formulários.
-
Gerenciador de temas. -
Sistema de notificação. -
Implementar interface entre API e frontend via composables
Antes de começar, verifique se você atendeu aos seguintes requisitos:
NodeJS
Para instalar, siga estas etapas:
Clone o repositório :
git clone https://github.com/bpbastos/kanban-app.git
Após clonar, instale as dependências da aplicação.
npm install
Primeiro inicie o fake backend:
npm run backend
Em outro terminal, execute:
npm run dev
Abra o endereço http://localhost:5173/board no seu navegador.