Sobre | Tecnologias | Como usar | Como construir
Projeto multiplataforma, web e mobile, desenvolvido durante a Next Level Week #1, promovida pela Rocketseat. Inspirado na semana do meio ambiente, o projeto tem por objetivo ajudar pessoas a encontrarem pontos de coleta de resíduos de forma eficiente. Foi desenvolvido um APIRestfull para alimentar os dados do front-end. A aplicação consome dados da API do IBGE para listar estados e cidades por estado, bem como consome a API do Leaflet para exibição do mapa.
O Projeto foi desenvolvido com as seguintes tecnologias.
- TypeScript
- NodeJS
- Express
- SQLite
- Celebrate
- Cors
- Knex (migrations)
- Multer
- TypeScript
- ReactJS
- Axios
- Leaflet
- React DOM
- React Dropzone
- React Icons
- React Router DOM
- TypeScript
- ReactJS
- React Native
- Axios
- Expo
- Expo Location
- Expo Mail Composer
- React DOM
- React Native Maps
- React Native Location
Layout de todas as telas disponível no Figma.
Para clonar e usar o este projeto será necessário ter Git, Node.js e Yarn instalados.
# Clonar o repositório
$ git clone https://github/piiiiva/ecoleta-app
# Entrar no diretório
$ cd ecoleta-app/server
# Instalar as dependências
$ npm install
# Rodar os migrates
$ npm knex:migrate
# Rodar os seeds
$ npm knex:seed
# Iniciar o servidor
$ npm run dev
# É preciso verificar o seu IP e alterar os arquivos
-> server/src/controllers/ItemsController.ts conforme o seu IP
-> server/src/controllers/PointsController.ts conforme o seu IP
# Rodando na porta 3333
# Disponível em http:https://localhost:3333
# Clonar o repositório
$ git clone https://github/piiiiva/ecoleta-app
# Entrar no diretório
$ cd ecoleta-app/web
# Instalar as dependências
$ npm install
# Iniciar a aplicação
$ npm start
# Rodando na porta 3333
# Disponível em http:https://localhost:3333
# Clonar o repositório
$ git clone https://github/piiiiva/ecoleta-app
# Entrar no diretório
$ cd ecoleta-app/mobile
# Instalar as dependências
$ npm install
# Iniciar a aplicação
$ npm start
# Escanear o QRcode do Expo no terminal ou na página web
# É preciso verificar o seu IP e alterar os arquivos
-> mobile/src/services/api.ts conforme o seu IP
# Rodando na porta 3333
# Disponível em http:https://seuIP:3333
Documentação dos principais pontos da NLW e da construção passo a passo da aplicação aqui!
Desenvolvido com 💚 por Rodrigo Piva