Um aplicativo de gerenciamento de projetos 🚀

Tecnologias Principais

• Angular
• Angular CLI
• angular-in-memory-web-api (mock para API)

Dependências dos Componentes UI

• Angular Material CDK (para construção de: drag and drop, autocomplete)
• ngx-progressbar

Estrutura de Pastas

A organização do front-end do sistema segue o padrão de projeto Angular.

Os components concentram os elementos de interface (HTML, CSS e lógica em TypeScript). Os models são interfaces e enums, basedos no diagrama de classes linkado acima. Já os services são métodos que fazem o contato com a API, sendo que cada model tem seu próprio service, em seu module.

├── src
│   ├── app
│   │   ├── components
│   │   ├── models
│   │   ├── services
│   │   ├── utils
│   │   ├── app-routing.module.ts
│   │   ├── app.component.ts
│   │   ├── app.component.html
│   │   ├── app.component.css
│   │   ├── app.module.ts
│   ├── assets
│   ├── environments
│   ├── main.ts
│   ├── index.html
│   ├── style.css

Overview

Trabalho de conclusão da Pós-graduação Lato Sensu em Engenharia de Software pela PUC Minas Virtual. O pdf completo está disponível aqui.

Funcionalidades

• Visualizar múltiplos projetos e seus progressos
• Cadastrar novos projetos
• Adicionar membros e responsável pelo projeto
• Visualizar sprints em kanban board
• Cadastrar novos sprints em projeto existente
• Visualizar tarefas por sprints
• Cadastrar novas tarefas em sprint existente
• Adicionar membro responsável pela tarefa

Arquitetura

Além do código de front-end feito em Angular, neste repositório é possível acessar alguns dos documentos criados para como preparação para o desenvolvimento.

• Diagrama de casos de uso
• Diagrama de classes de domínio
• Diagrama de componentes
• Diagrama de implantação
• Estimativa de pontos de função
• Site map
• Protótipo do sistema

O back-end será feito em NestJS e ainda está em desenvolvimento.

No Ar

✅   Acesse o site no ar aqui: https://clever-app-puc.vercel.app/

Demo

Abaixo está uma demonstração em vídeo do front-end do sistema.

Clique na imagem abaixo para assiste, no Youtube.

O deploy atual foi feito na Vercel, para demonstração.

Screenshots

📷   Abaixo, algumas screenshots das páginas e recursos principais:

/dashboard

/novo-projeto

/projeto/:id

/projeto/:id/sprint/:id

---

Licença

Este projeto está sob a licença MIT.