bruno-esilva/Proj-G3-Angular

Projeto

Índice

• Sobre o Projeto
• Equipe do Projeto
• Funcionalidades
• Tecnologias utilizadas
• Organização do Projeto
• Execução do Projeto
• Visualização do Projeto
  • Tela de Login
  • Tela Home(Fluxo de caixa)
  • Tela de Clientes
    • Modal - Editar clientes
    • Modal - Informações do cliente
  • Tela de Produtos
    • Modal - Informações do Produto
    • Modal - Editar Produtos
  • Tela de Pedidos
    • Modal - Informações do Pedido
• Agradecimentos

👨🏻‍💻 Sobre projeto

Este projeto visa o desenvolvimento de um sistema, utilizando Angular e Rest API, para gerenciar o Fluxo de caixa do lojista, fazendo com que o mesmo, tenha a possibilidade de fazer o gerenciamento do fluxo de entrada e saída do seu negócio.

👩‍💻👨‍💻 Equipe do projeto

Beatriz Miotto	Bruno E. Silva	Daniela M. Costa	Gabriel S. Cavalcante	Igor F. Gaspar	Pedro M. Alonso

🔨 Funcionalidades

• Pagina login: Página destinada ao login de usuário com senha para acesso as demais páginas do sistema;
• Página home: Página inicial de apresentação de fluxo de caixa com gráficos e quantidade de cadastros;
• Página cadastro de produtos:Página que apresenta a lista de produtos cadastrados e opções de cadastro, visualização, edição e exclusão de produtos;
• Página cadastro de clientes:Página que apresenta a lista de clientes cadastrados e opções de cadastro, visualização, edição e exclusão de clientes;
• Página cadastro de pedidos dos clientes:Página que apresenta a lista de pedidos cadastrados e opções de cadastro, visualização, edição e exclusão de pedidos;
• Página de fluxo de caixa: Página home.

💻 Tecnologias utilizadas

✍️ Organização do Projeto

Para a organização do projeto e melhor desenvolvimento, utilizamos metodologia ágil Kaban, através da ferramenta Trello, onde fragmentamos o projeto para melhor visualização de tarefas. Separamos como Tarefas 'A fazer', 'Em Andamento' e 'Concluído'. Clique aqui para visualizar o quadro

🎲 Execução o projeto

Pré-requisitos

Antes de começar, você vai precisar ter instalado em sua máquina as seguintes ferramentas: Git, Node.js. Além disto é bom ter um editor para trabalhar com o código como VSCode

# Clone estes repositórios
$ git clone <https://github.com/bruno-esilva/Proj-G3-Angular.git>
$ git clone <https://github.com/bruno-esilva/Proj-G3-API.git>

# Acesse a pasta dos projetos no terminal/cmd
$ cd Proj-G3-Angular
$ cd Proj-G3-API

# Instale as dependências
$ npm install

# Execute a aplicação em modo de desenvolvimento
$ npm run dev (para a API)
$ ng serve (para o angular)

#Login
usuário: admin@radarg3.com.br
senha: radarg3

👀 Visualização do Projeto

Tela de Login do usuário

Tela de Fluxo de caixa (Home)

Tela de Clientes

Modal editar Clientes

Modal informações do Clientes

Tela de Produtos

Modal informações do Produto

Modal Editar Produto

Tela de Pedidos

Modal de informações do Pedido

🤝 Agradecimentos

Agradecemos às empresas Febrafar e Farmacas em parceria com a Gama Academy, pela oportunidade de participarmos dessa iniciativa chamada Código do Futuro. Ao nosso Professor Danilo Aparecido, que tem compartilhado conosco, seu vasto conhecimento e nos tornando melhores, pelo menos 1% a cada dia e a Nossa Yellow Belt Carina Aguiar, que sempre se esforça para nos mantermos atualizados e nos ajudar no que precisarmos.

A todos vocês, o nosso Muito Obrigado!