O objetivo do projeto era construir uma página web que ajudasse no gerenciamento de uma empresa de galpões. Pensando nisso construí uma página onde fosse possível cadastrar, editar e deletar quatro entidades: usuários, transportadoras, produtos e fornecedores.
O projeto foi feito com as seguintes tecnologias:
$ git clone git@github.com:orloke/React-Empresa-Galpao.git
$ cd React-Empresa-Galpao$ npm install -g json-server
$ json-server --watch api.json --port 3333
Com isso o banco de dados virtual irá rodar na porta 3333. Essa porta pode ser alterada.$ npm install
$ npm run devO projeto foi feito usando apenas uma pagina web. Nela é possível alterar entre usuários, transportadoras, produtos e fornecedores. Em cada uma das tabelas são apresentadas tabelas com informações como:
- Nome
- Cpf/Cnpj
- Endereço
- Preço
- Quantidade
- Informações para contato
- {...}
É possível alterar informações já cadastras, cadastrar novos itens e excluir.
Na construção da aplicação, tentei dividir as responsabilidades entre os arquivos de modo a facilitar o entendimento e manutenção: as funções usadas estão em um arquivo, os tipos em outro arquivo e o mesmo para os hooks. Os componentes também foram feitos em pastas separadas para poderem ser reaproveitados.
Com relação as requisições feitas ao Back, escolhi deixa-las todas no mesmo arquivo api.ts, embora saiba que a boa pratica aconselhe deixar em arquivos separados.
A acredito que o objetivo principal do projeto tenha sido cumprido: uma interface clara e objetiva onde é possível manter o controle de produtos, fornecedores transportadoras e pessoas que usam o galpão. Um ponto de melhoria é exibir em tela outras informações como: horario de entrada e saída, relação entre produto, fornecedor e transportadora, valor total dos produtos armazenados, entre outras.
Email: juniordering@hotmail.com
WhatsApp (65) 98175-1036