/fogo-delivery

Um projeto full-stack de um delivery de bebidas.

Primary LanguageJavaScript

Fogo Delivery 🔥

O Fogo Delivery é um projeto que envolve o desenvolvimento e integração do back-end e front-end de uma plataforma de delivery de bebidas! Inicialmente pensado para ter as seguintes funcionalidades:

  • Ter acesso via login: tanto clientes como pessoas vendedoras, assim como a própria dona Tereza, que administra o sistema, devem ter acesso ao aplicativo via login, porém para funções diferentes: (1) A pessoa cliente, que compra da lista de produtos; (2) A pessoa vendedora, que aprova, prepara e entrega; (3) A pessoa administradora, que gerencia quem usa o aplicativo;

  • Fazer a comunicação entre clientes e pessoas vendedoras: a pessoa cliente faz o pedido via "carrinho de compras" e a pessoa vendedora aprova, prepara e envia esse pedido. Quando o produto é recebido por quem comprou, essa pessoa marca o pedido como "recebido". Ambos devem possuir detalhes sobre seus pedidos;

  • Se a pessoa cliente faz o pedido, o mesmo deve aparecer para a pessoa vendedora em seu dash de pedidos após a atualização da página. A pessoa cliente, por sua vez, deve ter as informações sobre seu pedido quando sua página for atualizada, ou seja, ter informações se o pedido está sendo preparado ou se já saiu pra entrega;

Funcionalidades e Demonstração 👨‍💻

🚧Algumas funcionalidades ainda em desenvolvimento.🚧

Login

É possível realizar login com validações tanto no front-end como no back-end e uso do JWT. 1 - login

Cadastro

É possível realizar cadastro com validações tanto no front-end como no back-end e uso do JWT. 2 - cadastro

Produtos

Você pode adicionar produtos ao carrinho, acompanhar o valor total e prosseguir para a tela de finalizar pedido. 3 - produtos

Carrinho

No carrinho você pode conferir os itens do seu pedido, remover algum item ou finalizar o pedido informando os dados do endereço para a entrega. 4 - carrinho

Detalhe do Pedido

Na página de detalhes do pedido, você pode conferir as informações gerais do pedido e marcar o pedido como entregue. 5 - detalhe do pedido

Pedidos

Aqui você pode conferir todos os pedidos que foram feitos e ir para a página de detalhes de algum deles. 6 - meus pedidos

Tecnologias Utilizadas 💻

eer-fogodelivery

Back-end:

  • NodeJS
  • express
  • MySQL
  • Sequelize
  • JWT
  • md5
  • dotenv

Front-end:

  • ReactJS
  • SASS
  • React Icons
  • Axios

Abrir e rodar o projeto 🛠

1 - Clone o projeto.
2 - Execute npm install na raíz do projeto.
3 - Não se esqueça de configurar suas variáveis de ambiente no back-end no arquivo .env.example e renomeá-lo para .env.
4 - Execute npm start e as dependências do back-end e do front-end serão instaladas automaticamente.
5 - Você pode criar uma conta nova para logar como cliente ou utilizar os já cadastrados para login:

  • Cliente:
    Email: zebirita@email.com
    Senha: $#zebirita#$

  • Vendedor:
    Email: fulana@deliveryapp.com
    Senha: fulana@123

  • Administrador:
    Email: adm@deliveryapp.com
    Senha: --adm2@21!!--

Pessoas Colaboradoras 👥

Projeto inicialmente idealizado e desenvolvido em grupo no curso da Trybe por:

Nesse repositório pessoal, o projeto foi refeito, refatorado e repensado somente por mim para fins de aprendizado.