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 Javascript
.
Esse projeto visa armazenar arquivos em boxes on real time.
Para o backend, foram utilizadas ferramentas como express
, mongoose
, cors
, multer
e socket.io
.
O backend foi construido utilizando os padrões de código da airbnb com o auxílio do eslint
e do prettier
.
Foram feitas as seguintes funcionalidades:
- Models;
- Controllers;
- Conexão com banco de dados;
- Criação das rotas;
- Uploads de arquivos;
- Aplicação on real time.
Para o frontend, foram utilizadas ferramentas como axios
, react-router-dom
, react-dropzone
, date-fns
e socket.io-client
.
O frontend foi parcialmente construido utilizando o styled-components
.
Possui duas telas:
- Tela inicial para entrar no box (ou cadastrar caso não exista);
- Realizar upload e visualização de arquivos.
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-navigation
, expo-image-picker
, date-fns
e socket.io-client
.
Possui duas telas:
- Tela inicial para entrar no box (ou cadastrar caso não exista);
- Realizar upload e visualização de arquivos.
Ao realizar upload, as telas de todos os dispositivos serão atualizados automaticamente.
Essa funcionalidade é devida ao socket.io
e socket.io-client
.