AceleraDev 2 - React - Kroton

Squad 1

Alessandra Alves Montanher
Alecsandro Rocha Squarcini
Bruno Delacqua
Cleiton José Osti
Henrique Degrecci Guilmo

PROJETO FINAL - Central de Erros

Objetivo

Em projetos modernos é cada vez mais comum o uso de arquiteturas baseadas em serviços ou microsserviços. Nestes ambientes complexos, erros podem surgir em diferentes camadas da aplicação (backend, frontend, mobile, desktop) e mesmo em serviços distintos. Desta forma, é muito importante que os desenvolvedores possam centralizar todos os registros de erros em um local, de onde podem monitorar e tomar decisões mais acertadas. Neste projeto vamos implementar um sistema para centralizar registros de erros de aplicações. O projeto deve ser implementado utilizando a tecnologia base da aceleração (React).

Instalando

Pré-requisitos

Na pasta do projeto execute:

yarn

Modo de desenvolvimento

Com as depêndencias instaladas execute:

yarn start

Deploy

Para fazer o deploy, será necessária a ferramenta now, para baixar execute:

yarn global add now

Antes de fazer deploy, certifique de estar logado com o time squad-1-ad-react-kroton-2, executando o comando:

now switch

Executando o deploy em produção

Essa etapa já aplica o dominio https://trackerr.now.sh, então antes de fazer o deploy esteja na branch master atualizada.

Execute na raiz do projeto para efetuar o deploy:

now --target production

Ferramentas utilizadas

Firebase

Disponibiliza algumas aplicações que ajudam no desenvolvimento, sendo elas:

Firebase auth: responsável pelos métodos de cadastro, login, recuperação de senha e tratamentos de sessão do usuário
Firestore: responsável por armazenar os dados de alertas, permite armazenar e obter esses dados de forma "assistida".
Cloud functions: funções que podem ser chamadas fora de aplicação com objetivos unicos, exemplo: armazenamento de usuários na firestore e inserção de dados de alertas no usuário.

create react app

Ferramenta que inicia uma aplicação react sem necessidade de fazer configurações, caso exista a necessidade de personalizar as configurações, permite ejetar seus scripts.

Material-UI

Biblioteca com componentes visuais prontos, conseguimos montar com agilidade uma interface visualmente gratificante e com padrões de layout definidos pela própria biblioteca.

Prettier

Formatador que ajuda a manter o padrão por todo nosso código, independente do editor ou sistema operacional.

Now

Para fazer os builds de deploy e o host da nossa aplicação utilizamos o now, com ele conseguimos fazer o deploy sem a necessidade de fazer configurações.

Gerando dados falsos de alerta

Para inserir dados falsos em um usuário, faça uma requisição para a seguinte URL (pode ser feito direto pelo browser):

https://us-central1-squad-1-ad-react-kroton-2.cloudfunctions.net/createUserData/{userId}

O userId pode ser adquirido em https://console.firebase.google.com/ na aba Database, conforme a imagem:

delacquab / TrackErr