Nessa semana, foi desenvolvido uma aplicação full stack integrando backend (com NodeJS), frontend (com ReactJS) e mobile (com React-Native).
A linguagem de programação utilizada foi o Typescript
.
Projeto cujo objetivo é cadastrar pontos de coletas de recipientes para que sejam coletados devidamente em prol ao meio ambiente.
Para o backend, foram utilizadas ferramentas como express
, knex
, SQLite3
, cors
, multer
e celebrate
.
Foram feitas as seguintes funcionalidades:
- Models;
- Controllers;
- Conexão com banco de dados;
- Criação das rotas;
- Validação de dados;
- Suporte para upload de imagens.
Para o frontend, foram utilizadas ferramentas como axios
, react-icons
e react-router-dom
.
Possui duas telas:
- Tela inicial;
- Tela de cadastro de ponto de coleta.
Foi utilizando o React-Native com o Expo
para a criação da aplicação mobile.
Para o mobile, foram utilizadas ferramentas como axios
, react-native-maps
, expo-location
, expo-mail-composer
.
Possui três telas:
- Tela inicial;
- Tela de busca de ponto de coleta (pelo mapa) ;
- Tela de informações do ponto de coleta.
Obs: Por limitação do meu emulador do android, eu não consegui usar o gps e, por isso, configurei para que o mapa seja direcionado para minha localidade (endereço).
Caso queira ver a versão simplificada, clique aqui