Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/brunocarvalhofeitosa/ecoletaweb

Application made with Node.js and React.js to connect peoples with recycling points.
https://github.com/brunocarvalhofeitosa/ecoletaweb

Last synced: 4 days ago
JSON representation

Application made with Node.js and React.js to connect peoples with recycling points.

Awesome Lists containing this project

README

        





Logo


Um app para cadastro de pontos de retirada de materiais recicláveis, saiba exatamente a localização dos locais aonde os materiais se encontram, facilitando a reciclagem e a sustentabilidade do mundo.

Sumário



  1. Sobre o projeto



  2. Iniciando o projeto


  3. Uso

  4. Licenças

  5. Contato

  6. Reconhecimentos

## Sobre o projeto
Este app foi feito em React.js, Node.js e SQLite, seu intuíto é cadastrar pontos de coleta facilitando a reciclagem de resíduos, entre em contato com o proprietário do local e saiba onde existem pontos de retirada.

### Home
Página que dará acesso ao sistema para cadastro de pontos de coleta.

![EcoletaHomeScreen](https://user-images.githubusercontent.com/46093815/133955767-c1e4e3a0-6c7a-4006-8340-fd227ce1a910.png)

### Cadastro de coletas
Página onde é possível preencher as informações e selecionar a exata localização (coordenadas) do ponto para retirada dos resíduos através do mapa gratuito React Leaflet.

![EcoletaRegisterPointScreen](https://user-images.githubusercontent.com/46093815/133956247-479046bf-8624-460c-a883-994cfc6caa79.png)

### Feito com

* [React.js](https://nextjs.org/)
* [Node.js](https://nodejs.org/en/)
* [SQLite](https://www.sqlite.org/index.html)

### Hospedagem

O app ainda não foi hospedado em nenhuma plataforma, porém você poderá cloná-lo. Basta acompanhar o próximo tópico.

## Iniciando o projeto

Primeiramente será necessário clonar este projeto em (https://github.com/BrunoCarvalhoFeitosa/EcoletaWeb.git), após o download será necessário abrir este projeto no seu
editor e no terminal digitar npm install ou yarn add dentro dos repositórios web e server, posteriormente dentro do diretório web basta executar npm run start ou yarn start e dentro do diretório server exucutar npm run dev ou yarn dev.

### Pré-requisitos

* npm
```sh
npm install npm@latest -g
```

### Instalação

1. Clone o repositório
```sh
git clone https://github.com/BrunoCarvalhoFeitosa/EcoletaWeb.git
```
2. Instale os pacotes NPM dentro do diretório web e server
```sh
npm install ou yarn install
```
2. Execute o projeto web
```sh
npm run start ou yarn start
```
2. Execute o server backend
```sh
npm run dev ou yarn dev
```

## Uso

Cadastre pontos de coleta para materiais recicláveis, ajudando o mundo a ser mais sustentável.

## License

Distribuído sob a licença MIT.

## Contato

Bruno Carvalho Feitosa - [GitHub](https://github.com/BrunoCarvalhoFeitosa) - [LinkedIn](https://www.linkedin.com/in/bruno-carvalho-feitosa/)

## Reconhecimentos
* [Rocketseat](https://rocketseat.com.br/)
* [React Leaflet](https://react-leaflet.js.org/)