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.
