https://github.com/orodrigogo/ecoleta-web
:computer: :iphone: Frontend Web do Marketplace de coleta de resíduos
https://github.com/orodrigogo/ecoleta-web
Last synced: 6 months ago
JSON representation
:computer: :iphone: Frontend Web do Marketplace de coleta de resíduos
- Host: GitHub
- URL: https://github.com/orodrigogo/ecoleta-web
- Owner: orodrigogo
- Created: 2020-06-01T13:14:22.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-05T20:51:49.000Z (almost 3 years ago)
- Last Synced: 2025-03-29T13:12:16.362Z (7 months ago)
- Language: TypeScript
- Homepage:
- Size: 17.3 MB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 21
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
:recycle:
Frontend do Marketplace de coleta de resíduos
_________________
### Sobre
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.
### :star: Stack & Features
No desenvolvimento do **Ecoleta** foi utilizado **ReactJs** com **TypeScript**.
A plataforma também possui as seguintes **integrações**:
- [x] Upload de Imagem :camera:
- [x] Integração com Mapa :earth_americas:
- [x] Integração com API do IBGE :satellite:
- [x] Integração com Backend via REST API :electric_plug:
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 = :round_pushpin: referente ao endereço do ponto de coleta no mapa.
Para isso, foi utilizado as seguintes bibliotecas:
- [x] React Leaflet: para utilização e integração com mapas.
:paperclip: Link: https://react-leaflet.js.org/.
- [x] Leaft: biblioteca JavaScript de código aberto para mapas interativos e compatíveis ecom dispositivos móveis.
:paperclip: 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**. :truck:
Para listar **Estados e Cidades dinâmicamente** foi utilizado a **API do IBGE**. :earth_americas:
:paperclip: Referência da API do IBGE: https://servicodados.ibge.gov.br/api/docs/localidades?versao=1
Rodrigo Gonçalves Santana - 2020