https://github.com/jxhnlcs/fullstack_cleancycle

Um Sistema para exibir uma lista de residuos de cada bairro. Projeto desenvolvido para o Hackathon ByteCraft UNIFAN
https://github.com/jxhnlcs/fullstack_cleancycle

Last synced: 27 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/jxhnlcs/fullstack_cleancycle
• Owner: jxhnlcs
• Created: 2023-09-17T21:40:28.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-09-17T22:12:36.000Z (over 1 year ago)
• Last Synced: 2024-11-09T02:52:41.662Z (3 months ago)
• Language: Vue
• Homepage:
• Size: 2.52 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# 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](https://nodejs.org/) 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:

```bash

cd api

```

2. Instale as dependências do servidor:

```bash

npm install

```

3. Inicie o servidor Node.js:

```bash

npm run dev

```

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

### Configuração do Frontend

1. Navegue até a pasta do frontend:

```bash

cd web

```

2. Instale as dependências do servidor:

```bash

npm install

```

3. Inicie o servidor Vue.js:

```bash

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

```bash

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