{"id":19529636,"url":"https://github.com/thlindustries/ecoleta","last_synced_at":"2026-04-13T14:33:45.309Z","repository":{"id":38880075,"uuid":"269454981","full_name":"thlindustries/ecoleta","owner":"thlindustries","description":"Aplicativo para facilitar a localização de pontos de coleta de resíduos proposto pela equipe da RocketSeat durante a NextLevelWeek#1","archived":false,"fork":false,"pushed_at":"2023-01-26T20:46:53.000Z","size":3333,"stargazers_count":0,"open_issues_count":48,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-10-07T11:45:11.942Z","etag":null,"topics":["google-maps","knex","leaftlet","react","react-native","sqlite3","typescript"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thlindustries.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2020-06-04T20:08:22.000Z","updated_at":"2020-10-21T14:35:59.000Z","dependencies_parsed_at":"2023-02-14T23:46:56.456Z","dependency_job_id":null,"html_url":"https://github.com/thlindustries/ecoleta","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/thlindustries/ecoleta","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thlindustries%2Fecoleta","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thlindustries%2Fecoleta/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thlindustries%2Fecoleta/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thlindustries%2Fecoleta/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thlindustries","download_url":"https://codeload.github.com/thlindustries/ecoleta/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thlindustries%2Fecoleta/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31757481,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-13T13:27:56.013Z","status":"ssl_error","status_checked_at":"2026-04-13T13:21:23.512Z","response_time":93,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["google-maps","knex","leaftlet","react","react-native","sqlite3","typescript"],"created_at":"2024-11-11T01:26:22.392Z","updated_at":"2026-04-13T14:33:45.280Z","avatar_url":"https://github.com/thlindustries.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# ![image](https://i.imgur.com/kiL2fRZ.png)\n\n## O que é?\n- Resumidamente, esta aplicação tem o objetivo de **possibilitar ao usuário a realização de cadastro de pontos de coleta de materiais em sua cidade** através da utilização de um mapa.\n\n- Também possibilita ao usuário **vizualizar os pontos de coleta na cidade escolhida** e **filtrar os pontos pelo tipo de item que esse ponto coleta**.\n\u0026nbsp;\n\n**Vamos detalhar um pouco mais....**\n\n\u0026nbsp;\n# Instalando o app :\n- Para rodar a aplicação é bem fácil, siga os seguintes passos:\n  - ### 1- Baixe o repositório.\n  - ### 2- Execute o comando **npm i** ou **yarn** dentro das pastas  (**/web**, **/mobile**, **/server**)\n  - ### 3- Altere o *Endereço IP* em alguns arquivos:\n    - Utilizando o comando **ifconfig** no Ubuntu ou **ipconfig** no windows, copie o seu endereçõ IPv4 e coloque-o nos seguintes arquivos:\n    \u0026nbsp;\n\n      - **web/src/services/Api.tsx** \n      - **mobile/src/services/Api.tsx**\n      \n    \u0026nbsp;\n  - ### 4- Abra 3 terminais(Um para cada pasta),\n    - No *terminal 1*, acesse a pasta **web**(utilize o comando **cd web** no terminal), e execute o comando **yarn start** ou **npm start**\n    \n    \u0026nbsp;\n    - No *terminal 2*, acesse a pasta **server**(utilize o comando **cd server** no terminal), e execute o comando **yarn dev:server** ou **npm dev:server**\n    \n    \u0026nbsp;\n    - No *terminal 3*, acesse a pasta **mobile**(utilize o comando **cd mobile** no terminal), e execute o comando **yarn start** ou **npm start**\n\n      \n\u0026nbsp;\n# Usando o app :\n\n\u0026nbsp;\n\n## Cadastro de pontos\n  - Na versão **WEB** da aplicação é possível realizar o cadastro dos pontos apenas clicando no mapa, preenchendo as informações do ponto de coleta e marcando os items com que esse ponto irá trabalhar .\n\n  - Passos:\n    - ### **1**- Clique em **Cadastre um ponto de coleta\n      [\u003cimg src=\"https://i.imgur.com/Q7UiZd9.png\" width=\"780\"/\u003e](image.png)\n    - ### **2**- Preencha as informações sobre o ponto de coleta\n      [\u003cimg src=\"https://i.imgur.com/U9xDAyp.png\" width=\"600\"/\u003e](image.png)\n      [\u003cimg src=\"https://i.imgur.com/kS3upi9.png\" width=\"600\"/\u003e](image.png)\n    - ### **3**- Com o mouse clique no mapa para selecionar um ponto e clique nos items que esse ponto coletará\n      [\u003cimg src=\"https://i.imgur.com/wddt3MG.png\" width=\"780\"/\u003e](image.png)\n    - ### **4**- Agora basta clicar em **Cadastrar ponto de coleta** e seu ponto será registrado na base de dados e aparecerá no seu App mobile.\n\u0026nbsp;\n## Visualização dos pontos no mapa\n  \u0026nbsp;\n  - Já na versão **MOBILE**, a tela inicial é onde o usuário informa o estado e a cidade de onde quer procurar pontos de coleta.\n  - Logo após selecionar a localidade o usuário vai para uma página onde existe um mapa e os items de coleta.\n  - Para filtrar os pontos por item basta apenas pressionar nos items que eles irão ficar com uma borda verde indicando que estão selecionados !\n\n  - Passos:\n    - ### **1**- Marque a cidade e o estado de onde quer visualizar os pontos de coleta ;\n    \n      |    |            |   |\n      |----------|:-------------:|------:|\n      | [\u003cimg src=\"https://i.imgur.com/2iGj8kj.jpg\" width=\"200\"/\u003e](image.png) |  -----\u003e | [\u003cimg src=\"https://i.imgur.com/MIVNVef.jpg/width\" width=\"200\"/\u003e](image.png) |\n    - ### **2**- Marque os items que filtrarão os pontos de coleta no mapa ;\n      |    |            |   |\n      |----------|:-------------:|------:|\n      | [\u003cimg src=\"https://i.imgur.com/xRpd517.jpg\" width=\"200\"/\u003e](image.png) |  -----\u003e | [\u003cimg src=\"https://i.imgur.com/faHFXZ9.jpg\" width=\"200\"/\u003e](image.png) |\n    - ### **3**- Clique em algum ponto para obter suas respectivas informações ;\n      - Ao clicar em **WhatsApp** ou **E-mail** você será direcionado ao seu **Aplicativo de email** ou **para o App do WhatsApp** com as informações do contato previamente preenchidas(Ja abrirá um chat com o responsável pelo ponto de coleta ou ja enviará um email ao responsável pelo ponto d coleta).\n\n        [\u003cimg src=\"https://i.imgur.com/d5ahYiy.jpg\" width=\"250\"/\u003e](image.png)\n        \n        \u0026nbsp;\n\n## Visualização dos detalhes do ponto\n  - Logo após filtrar, é possível também clicar nos pontos para obter detalhes sobre o mesmo.\n  \n  - Nessa página de detalhes sobre o ponto é possível também mandar um e-mail ou uma mensagem no whatsapp para os responsáveis do lugar, basta apenas clicar nos respectivos botoẽs localizados na parte inferior da tela.\n  \n  \u0026nbsp;","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthlindustries%2Fecoleta","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthlindustries%2Fecoleta","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthlindustries%2Fecoleta/lists"}