O Ecoleta é uma plataforma WEB e MOBILE para incentivar o descarte correto de resíduos sólidos. Na plataforma do Ecoleta é possível cadastrar novos pontos de coleta de resíduos sólidos e definir o tipo de resíduos que cada ponto coleta.
No desenvolvimento do Ecoleta foi utilizado ReactJs com TypeScript.
A plataforma também possui as seguintes integrações:
- Upload de Imagem 📷
- Integração com Mapa 🌎
- Integração com API do IBGE 📡
- Integração com Backend via REST API 🔌
Na Integração com Mapa é identificado a localização atual do usuário. É possível navegar pelo mapa e escolher um ponto e/ou localização para adicionar um PIN = 📍 referente ao endereço do ponto de coleta no mapa.
Para isso, foi utilizado as seguintes bibliotecas:
-
React Leaflet: para utilização e integração com mapas.
📎 Link: https://react-leaflet.js.org/. -
Leaft: biblioteca JavaScript de código aberto para mapas interativos e compatíveis ecom dispositivos móveis.
📎 Link: https://leafletjs.com/
Para consumir a API (backend da aplicação e API externas) foi utilizado o Axios (https://github.com/axios/axios).
Para navegação entre as páginas, foi utilizada a biblioteca React Router Dom. 🚚
Para listar Estados e Cidades dinâmicamente foi utilizado a API do IBGE. 🌎
📎 Referência da API do IBGE: https://servicodados.ibge.gov.br/api/docs/localidades?versao=1