Índice
Nesse projeto, Meu grupo foi responsável por criar e integrar tanto o back-end quanto o front-end, criando uma plataforma de delivery de bebidas. 🍹
O projeto não foi só codar, mas também é trabalhar em equipe, aprender e se divertir muito!
Acesso via login:
Tanto clientes
como pessoas vendedoras
, assim como admin
, que administra o sistema, tem acesso ao aplicativo via login, porém para funções diferentes:
- A pessoa
cliente
, que compra da lista de produtos; - A pessoa
vendedora
, que aprova, prepara e entrega; - A pessoa
administradora
, que gerencia quem usa o aplicativo;
Faz 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 o comprou, essa pessoa marca o pedido como "recebido". Ambos possuem 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, pode ver 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;
-
Clonar o repositorio
git clone [email protected]:RenanFernandess/trybe-project-delivery-app.git
-
Entrar na pasta project-delivery-app
cd ./trybe-project-delivery-app
-
Instalar pacotes NPM
npm install
-
Entrar na pasta do back-end
cd back-end
O Docker está sendo utilizado para criar um container para o banco de dados MySQL.
-
Iniciar o Docker Compose
docker-compose up -d
Para que a API funcione é necessário configurar as variáveis de ambiente.
-
Criar arquivo .env
touch .env
-
Configurar as variáveis
NODE_ENV=development API_PORT=3001 MYSQL_HOST=localhost MYSQL_PORT=3306 MYSQL_USER=root MYSQL_PASSWORD=password MYSQL_DB_NAME=delivery-app EVAL_ALWAYS_RESTORE_DEV_DB=true
Você pode seguir como exemplo o arquivo
.env.example
na pasta back-end.
-
voltar para pasta raiz do projeto
cd ..
pasta
trybe-project-delivery-app
-
iniciar o aplicativo
npm start
após o start por padrão você será redirecionado para uma página do seu navegador com a seguinte URL:
http://127.0.0.1:3000/