Skip to content

O projeto Algalog-web é um cliente web desenvolvido em react para consumir o backend java desenvolvido durante o treinamento gratuito Mergulho Spring Rest da Algaworks

License

Notifications You must be signed in to change notification settings

glaubermatos/algalog-web

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

GitHub language count Repository size GitHub last commit License



🚧 Aplicação finalizada! 🚧

🏁 Tópicos

👉 Sobre
👉 Funcionalidades
👉 Melhorias
👉 Como executar
👉 Tecnologias
👉 Autor
👉 Licença

💻 Sobre o projeto

O Algalog-web é uma aplicação que permite gerenciar os pedidos de entrega de uma empresa de logistica.

O objetivo deste projeto era se desafiar a criar todo o frontend desde o UI Design até o resultado final em ReactJS. Para então, conectar com o backend java desenvolvido durante um treinamento gratuito sobre api-rest com spring-boot, saiba mais sobre a api AQUI.

Confira o resultado no link abaixo:

app algalog-web

⚙️ Funcionalidades

  • Página inicial com informações sobre a quantidade de entregas e clientes;
  • Cadastrar novo clientes;
  • Atualizar dados do cliente;
  • Solicitar nova entrega;
    • Pesquisar cliente por nome;
  • Listagem das solicitações de entrega;
  • Listagem dos clientes;
  • Excluir usuário (desde que não tenha entregas cadastradas em seu nome);
  • Visualizar dados da solicitação de entrega;
    • MUdanças de status da entrega (Em andamento, Cancelada, Finalizada);
    • Adicionar ocorrencias (situações que impeçam a entrega);

⚙️ Melhorias

  • Trabalhar o leyout responsivo;
  • Mostrar um load de carregamento nas páginas enquanto o servidor não retorna os dados do backend;

🚀 Como executar o projeto

Pré-requisitos

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

🧭 Rodando a aplicação web (Frontend)

# Clone este repositório
$ git clone https://github.com/glaubermatos/algalog-web.git

# Acesse a pasta do projeto no seu terminal/cmd
$ cd algalog-web

# Instale as dependências
$ yarn

# Execute a aplicação em modo de desenvolvimento
$ yarn start

# A aplicação será aberta na porta:3000 - acesse http://localhost:3000

🛠 Tecnologias

Este é um projeto criado com o Create React App. As seguintes ferramentas foram usadas na construção do projeto:

Aplicação web (ReactJS + TypeScript)

Veja o arquivo package.json

Utilitários


🦸‍♂️ Autor

glaubermatos
🌟 Glauber de Oliveira Matos 🌟

Linkedin Badge


📝 Licença

Este projeto esta sobe a licença MIT.

Feito com 😆 por Glauber de Oliveira Matos 👋🏽 Entre em contato!


About

O projeto Algalog-web é um cliente web desenvolvido em react para consumir o backend java desenvolvido durante o treinamento gratuito Mergulho Spring Rest da Algaworks

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published