Projeto Delivery App

-- Para que consiga acessar este projeto em seu computador, é necessário ter o banco de dados MySQL.

Projeto de conclusão do bloco de Back-end da Trybe. Trabalho realizado em grupo de 5 estudantes. O grupo foi responsável por criar e integrar tanto o back-end quanto o front-end, criando uma plataforma de delivery de cerveja.

Autores

• Ana Luisa M. Simões.
• Luiz Fernando C. Módolo.
• Matheus Oliveira Monteiro.
• Raphael Taglialegna.
• Wendel Melo.

Stacks utilizadas

Front-end: JavaScript, React.js, Tailwind, Axios, Jest
Back-end: JavaScript, Node.js, Express, Joi, Sequelize, Mocha/Chai
DB: MySQL

Estruturação do projeto

A aplicação tem 4 fluxos principais

• Fluxo Comum:
  (1) Tela de Login
  (2) Tela de Registro

• Fluxo do Cliente:
  (3) Tela de Produtos
  (4) Tela de Checkout
  (5) Tela de Pedidos
  (6) Tela de Detalhes do Pedido

• Fluxo da Pessoa Vendedora:
  (7) Tela de Pedidos;
  (8) Tela de Detalhes/Controle do Pedido

• Fluxo da Pessoa Administradora:
  (10) Tela de gerenciamento de usuários.

A tela de login é capaz de direcionar para a tela principal de cada pessoa usuária, sendo as páginas:

Do cliente: /customer/products,   
Da pessoa vendedora: /seller/orders,    
Da pessoa administradora: /admin/manage    

Rodando localmente

Clone o projeto

  git clone [email protected]:analuisams99/project-delivery-app.git

Entre no diretório do projeto e abra ele no seu VSCode

  cd project-delivery-app
  code .

Instale as dependências na raiz do projeto

  npm run dev:prestart

Dentro da pasta de backend, crie um .env com suas informações, o app não irá funcionar sem ele. (Exemplo):

NODE_ENV=development
API_PORT=3001
MYSQL_HOST=localhost
MYSQL_PORT=3306
MYSQL_USER=root
MYSQL_PASSWORD=senhaDoDB
MYSQL_DB_NAME=delivery-app
EVAL_ALWAYS_RESTORE_DEV_DB=true

Inicie o servidor

  cd back-end
  npm db:reset
  npm run dev
  
  cd ..
  
  cd front-end
  npm start

Pronto! Agora você ja pode acessar o projeto pelo seu navegador

Demonstração

Diagrama de ER

Tela de fluxo do cliente

Tela de fluxo do vendedor

Tela de fluxo do administrador