Skip to content

A proposta desse projeto era desenvolver uma aplicação fullstack de delivery de bebidas, utilizando Reactjs, Nodejs, MySQL em grupo.

Notifications You must be signed in to change notification settings

pabloalmeidac/delivery-app

Repository files navigation

Delivery-APP

📖 Sobre

  • A proposta desse projeto era desenvolver uma aplicação delivery de bebidas, utilizando Reactjs, Nodejs, MySQL.
  • Os recursos disponíveis são relacionados ao tipo de usuário que efetua login na aplicação.
  • São 3 definições de usuários: Customer, Seller e Administrator.
    • customer: pode fazer pedidos adicionando produtos ao carrinho e efetuando checkout.
    • Seller: tem acesso aos pedidos relacionados ao seu nome, podendo editar.
    • Admin: pode adicionar e remover usuários, tanto customers quanto sellers.
  • A aplicação conta com um banco relacional(MySQL), para os produtos e usuários
  • Para os componentes React foi usada a biblioteca MUI(Material UI)

Imagens do projeto

client_home

client_cart

client_orders

admin_register

🧰 Tecnologias

Fullstack


JS   REACT   MUI   NODEJS   MYSQL   EXPRESS   SEQUELIZE  

👷‍♂️ Desenvolvimento:

🏃 Habilidades

  • Criar e integrar tanto o back-end quanto o front-end, criando uma plataforma de delivery de cerveja

💻 Rodando localmente (Linux ou Mac)

Obs.: Se quiser rodar no ambiente windows, recomendo usar WSL

  1. Recomendo uso de Docker para o bando de dados, com docker instalado use o comando abaixo
docker container run -d -p 3306:3306 --name mysql --env MYSQL_ROOT_PASSWORD=SuaSenhaAqui mysql
  1. Instalação de dependências tem que tanto ser feita na pasta raíz quanto nas pastas de front-end e back-end, rode respectivamente o mesmo comando.
npm install
  1. Configurando as variáveis de ambiente, abaixo o que vem no arquivo .env.example, renomeio para .env e configure as suas variáveis para rodar corretamente a aplicação.
  • .env Back-end
  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
  • .env Front-end
#NÃO ALTERAR
ESLINT_NO_DEV_ERRORS=true
SKIP_PREFLIGHT_CHECK=true

#COMUNICAÇÃO COM A API
REACT_APP_HOSTNAME=localhost
REACT_APP_BACKEND_PORT=3001
  1. Para rodar a aplicação rode o seguinte comando no diretório raiz
npm start
  1. Rodando a aplicação terá tela de login, como base já existem alguns usuários cadastrados e seus respectivos privilégios, basta usar algum deles para efetuar login.
- Customer - Cliente Zé Birita
  - email: zebirita@email.com senha: $#zebirita#$

- Seller - Fulana Pereira
  - email: fulana@deliveryapp.com senha: fulana@123

- Admin - Delivery App Admin 
  - email: adm@deliveryapp.com senha: --adm2@21!!--

❗ Observações:

  • Ainda está sendo feito alterações no projeto, seja nas estilizações ou refatorando o código em si.

About

A proposta desse projeto era desenvolver uma aplicação fullstack de delivery de bebidas, utilizando Reactjs, Nodejs, MySQL em grupo.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published