/Ecoleta

Projeto construĆ­do durante o evento Next level week da Rocketseat šŸš€

Primary LanguageTypeScript

Ecoleta ā™»šŸš€

AplicaĆ§Ć£o desenvolvida durante o NLW (Next Level Week) da Rocketseat.

Tecnologias utilizadas:

  • Typescript
  • Node ā†’ Back-end (API REST).
  • React ā†’ Front-end (SPA - Single Page Application).
  • React Native ā†’ Mobile.
  • Expo ā†’ Mobile.

Passo-a-passo para testar a aplicaĆ§Ć£o:

  1. De um git clone nesse repositĆ³rio para uma pasta de seu interesse.
  2. No terminal navegue atƩ a pasta do projeto.
  3. Digite o comando npm install dentro de cada uma das pastas (Web, Server, Mobile-ecoleta), para instalar as dependencias.
  4. No terminal dentro da pasta server, digite: npm run knex:migrate e npm run knex:seed- Para a criaĆ§Ć£o do banco de dados.
  5. Dentro da pasta Server execute o seguinte comando: npm run dev, esse comando vai colocar para rodar o nosso servidor do backend.
  6. Dentro da pasta Web, digite: npm start. (Ativa a pƔgina do front-end para o ambiente de desenvolvimento).
  7. Dentro da Pasta mobile-ecoleta: npm start ou expo start. (Ativa a parte do mobile no ambiente de desenvolvimento).
  8. Ɖ NecessĆ”rio fazer alteraƧƵes nas urls das requisiƧƵes para que funcione corretamente (Por exemplo: utilize o ip da sua mĆ”quina no ambiente de desenvolvimento).

Pacotes utilizados:

Pacotes instalados utilizando o gerenciador de pacotes npm.

  • Express- Microframework de Rotas
  • Knex, Sqlite3 - Banco de dados
  • CORS - SeguranƧa
  • React-icons - Icones
  • Leaflet - Mapa
  • Axios - RequisiƧƵes a api
  • Expo - Mobile
  • Expo Google Fonts - Fontes personalizadas no mobile
  • @react-navigation - NavegaĆ§Ć£o
  • react-native-maps - Mapa do mobile.
  • react-native-svg - Da suporte ao formato svg no React Native
  • @react-navigation/stack - NavegaĆ§Ć£o em formato de pilha.
  • Path - dependĆŖncia nativa do node para lidar com caminhos.
  • React drop zone - Para criaĆ§Ć£o de dropzone
  • Celebrate - Para validaĆ§Ć£o no Back-end.