• dotnet core >= 3.0
• Postgresql >= 12
• VueJs >= 2.x
• Docker

Para executar todo projeto foi criado um docker-compose, antes de executar o docker-compose deve-se realizar o seguinte procedimento:

• No projeto projectmanager.frontend existe um arquvio com o nome .env.production substituir SEU_IP pelo o ip da sua maquina.

Após realizar o procedimento acima executar o seguinte comando na raiz do repositório:

$ docker-compose up

Este comando irá compilar e executar o Projeto via docker.

Para Acessar a documentação REST da API basta acessar o seguinte endereço SEU_IP:5002/swagger.

O funcionamento da aplicação acontece de forma simples e intuitiva, abaixo será explicada o uso da aplicação por partes.

• Tela Principal: Na tela principal são listados os projetos e seus respectivos detalhes, Também é possivel realizar o cadastro de novos projetos, exclusão, edição, ver detalhes e ir para as atividades do projeto.

  • Criar novos Projetos: Para criar novos projetos basta um click no botão Criar o primeiro projeto:

  ou até mesmo com um click em novo:

  com isto um basta preencher o formulário de Projeto:

  Após a criação do projeto, podemos:

  • Excluir Projetos:

  • Editar Projetos:

  • Ver detalhes do projeto:

  • Ir para atividades:

• Atividades: Após usar a opção ir para atividades, é encaminhado para a página de atividades referente ao projeto, Nela podemos listar todas atividades assim como criar novas atividades, excluir, editar e finalizar atividades.

  • Criar novas Atividades: Para criar novas atividades basta um click no botão Criar a primeira atividade:

  ou até mesmo com um click em novo:

  com isto um basta preencher o formulário de Atividade:

  Após a criação da atividade, temos a seguinte tabela:

  Nela podemos:

  • Excluir Ativiades:

  • Editar Ativiades:

  • Finalizar:

• Menu Lateral: O Menu Lateral nesta versão possui somente uma opção que é para voltar aos projetos, posteriomente pode ser implementado mais funções para o ProjectManager.

• Voltando para projetos após criar algumas atividades podemos notar que os detalhes do projeto é alterado conforme é feito o movimento de atividades.

• Quando existe um projeto com atraso é destacado pela cor vermelha:

Com isso finalizamos nosso mini tutorial sobre a usabilidade do ProjectManager.