Arquitetura do Sistema

Esta é a página onde irá ficar todas as informações da Arquitetura do seu projeto.

Segurança

No que tange à segurança da aplicação lançamos mão do firebase Authentication no login do usuário na aplicação.

O Firebase Authentication fornece serviços de back-end, SDKs fáceis de usar e bibliotecas de IU prontas para autenticar usuários no seu app. Ele oferece suporte à autenticação por meio de senhas, números de telefone e provedores de identidade federados como Google, Facebook, Twitter e muito mais.

O Firebase Authentication é estreitamente integrado a outros serviços do Firebase e aproveita os padrões do setor, como OAuth 2.0 e OpenID Connect, para que possa ser facilmente integrado ao seu back-end personalizado.

Code Review

Devemos considerar que foi decidido neste projeto que iríamos trabalhar com a definição de Squads. Sendo assim, foram formadas 4 squads sendo que cada uma delas continha um AGES III ou AGES IV, apelidados de "manager", e este "manager" tinha como responsabilidade, além das próprias responsabilidades inerentes ao seus papéis, gerenciar o git flow da sua squad, portanto ele fazia o code review de sua squad e quando este o aprovava os outros managers faziam o code review antes de aceitarem o código de cada squad na branch master.

Diagrama de Arquitetura

Diagrama de Deploy

Componentes padronizados

​

Breadcrumb

Mostra valores escolhidos pelo usuário em telas anteriores.

• Props: aircraft, island, thoughts.
• Figma: Card / Overview. ​

CardShow

Representa "card" que somente mostra a informação (sem inserção de usuário).

• Props: children (inserir elementos dentro da tag deste).
• Figma: Card / Show. ​

CloudImageBackground

Plano de fundo composto por nuvens e cores temáticas do app.

• Props: children (inserir elementos dentro da tag deste).
• Figma: background / Cloud pattern. ​

HistoryTripCard

Mostra todas informações de uma viagem realizada.

• Props: trip.
• Figma: Card / Overview (versão completa). ​

Loading

Representa indicador de carregamento de alguma ação já estilizado.

• Props: loading (booleano).
• Figma: Não existe. ​

MainLabel

Padroniza estilo de texto do título principal.

• Props: children (inserir elementos dentro da tag deste).
• Figma: Text label / Main. ​

SubtitleLabel

Padroniza estilo de texto de subtítulos.

• Props: children (inserir elementos dentro da tag deste).
• Figma: Text label / Subtitle. ​

PageBanner

Padroniza "card" que mostra informação juntamente com título e subtítulo opcional.

• Props: title, subtitle.
• Figma: Card / Show (completo). ​

TutorialModal

Modal que representa overlay para apresentar informações durante o tutorial.

• Props: image, children (inserir elementos dentro da tag deste).
• Figma: Não existe. ​

​

Constantes globais

​

Colors

Constante composta que centraliza todos códigos de cores utilizados no app.

• Figma: Aba "Paleta de cores". ​

shadowCode

Constante que engloba propriedades de "css" que compõem o código da sombra utilizada em diversos elementos da interface.

• Figma: Qualquer componente que tenha sombra.