jxhnlcs / fullstack_cleancycle

Um Sistema para exibir uma lista de residuos de cada bairro. Projeto desenvolvido para o Hackathon ByteCraft UNIFAN

Sistema de Gestão de Residuos - CleanCycle

Um Sistema para exibir uma lista de residuos de cada bairro. Projeto desenvolvido para o Hackathon ByteCraft UNIFAN

Pré-requisitos

• Node.js instalado e configurado.

Documentação de Como Rodar

Siga as instruções abaixo para executar o sistema em sua máquina local.

1. Abra dois terminais no Visual Studio Code

Configuração do Backend

1. Navegue até a pasta do backend:

cd api

2. Instale as dependências do servidor:

npm install

3. Inicie o servidor Node.js:

npm run dev

• A API estará rodando em http://localhost:3333.

Configuração do Frontend

1. Navegue até a pasta do frontend:

cd web

2. Instale as dependências do servidor:

npm install

3. Inicie o servidor Vue.js:

npm run dev

• O sistema estará disponível em http://localhost:8080 no seu navegador.

Como usar

1. Vá para a aba de extensões e marketplace do Visual Studio Code e instale a extensão REST client

2. Dentro da pasta API terá um arquivo 'requests.rest', dentro dele terá um método POST chamando a api para adicionar o residuo à tabela. Clique em "Send Request" que estará logo acima da primeira linha e após isso atualize a página e o novo lixo aparecerá nas tabelas

3. Certifique-se de preencher os dados em JSON da maneira que desejar

POST http://localhost:3333/lixos

{
 "nome": "Nome do Lixo",
 "bairro": "Nome do Bairro",
 "tipo": "Tipo do Lixo",
 "reciclavel": "1 para sim",
 "radioativo": "0 para não"
}

Tecnologias Utilizadas

• Vue.js
• Node.js
• TypeScript