Skip to content

O Delivery App é um sistema completo de delivery de bebidas feito em Javascript. Ele contém o banco de dados em MySQL, back-end em Node.js, Express e Sequelize e o front-end em React e Styled-components. (em refatoração)

Notifications You must be signed in to change notification settings

matkaf/app-delivery

Repository files navigation

Logotipo

Sobre | Como rodar o projeto | Funcionalidades | Desenvolvido por

Delivery App (... em andamento)

O Delivery App é um sistema completo de delivery de bebidas desenvolvido em Javascript. Ele contém o banco de dados em MySQL, back-end com Node.js, Express e Sequelize e o front-end com React e Styled-components.

A aplicação necessita do login de usuário para ser utilizada e esse login pode ser feito como cliente, vendedor ou administrador.

GIF da aplicação funcionando

Abaixo o diagrama de construção do banco de dados:

Diagrama ER

🚀 Como rodar o projeto?

  1. Faça o clone do repositório para sua máquina:
git clone git@github.com:matkaf/app-delivery.git
  1. Entre na pasta do projeto e instale as dependências:
cd app-delivery
npm install
  1. Inicie a aplicação:
npm start

Lembre-se de verificar se o MySQL está rodando na sua máquina. Para garantir, basta utilizar o comando: sudo systemctl start mysql. A aplicação estará acessível em: http://localhost:3000

⚠️ Clique aqui para revelar o login e senha de teste ⚠️

Cliente:
  Login: teste@teste.com
  Senha: teste123
- ou crie seu próprio usuário

Vendedora:
  Login: fulana@deliveryapp.com
  Senha: fulana@123

⚙️ Funcionalidades

Fluxo Geral

Tela de Cadastro:

Uma pessoa pode se registrar como cliente no site enviando:

  • Um nome com mais de 12 caracteres
  • Um e-mail válido
  • Uma senha com mais de 6 caracteres

Tela de login:

  • Verifica o usuário no banco de dados
  • Verifica email e senha
  • Redireciona para a URL correspondente à função (customer, seller ou admin)

Fluxo de cliente

Na rota customer/products o cliente pode:

  • Visualizar a lista de bebidas disponíveis
  • Adicionar itens ao carrinho
  • Visualizar o valor total dos itens adicionados ao carrinho

Na rota customer/checkout o cliente pode:

  • Ver o resumo dos itens no carrinho
  • Ver o preço de cada item e o preço total
  • Remover itens do carrinho
  • Finalizar o pedido

Na rota customer/orders/ o cliente pode:

  • Visualizar seus pedidos

  • Ver o status de cada um deles

Na rota customer/orders/:id o cliente pode:

  • Visualizar os detalhes de determinado pedido

  • Ver seu status

Desenvolvido por

Esse projeto foi realizado durante o curso de Desenvolvimento Web da Trybe, com ajuda dos colegas @eliHC, @Ivanielson, @vitorSilva95 e @gabiru1 🚀

About

O Delivery App é um sistema completo de delivery de bebidas feito em Javascript. Ele contém o banco de dados em MySQL, back-end em Node.js, Express e Sequelize e o front-end em React e Styled-components. (em refatoração)

Topics

Resources

Stars

Watchers

Forks