Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • Wiki Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 0
    • Issues 0
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 0
    • Merge requests 0
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Metrics
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Sem Barreiras
  • WikiWiki
  • Wiki
  • arquitetura

arquitetura · Changes

Page history
Add diagram description authored Jul 07, 2024 by Pablo Miguel Chong Alles's avatar Pablo Miguel Chong Alles
Hide whitespace changes
Inline Side-by-side
arquitetura.md
View page @ 434128ba
...@@ -108,4 +108,4 @@ Conforme descrito na [página sobre o Frontend do projeto](https://tools.ages.pu ...@@ -108,4 +108,4 @@ Conforme descrito na [página sobre o Frontend do projeto](https://tools.ages.pu
<img src="./resources/images/frontend-structure.png" width="400"> <img src="./resources/images/frontend-structure.png" width="400">
Com isso, como podemos ver temos as telas que são apresentadas ao usuário e os elementos dentro dessas telas seriam os componentes (botões, inputs, cards, etc), representados pelos *component1*, *component2*, *component3* e *component4* na imagem. A partir das telas, representadas por *screen1* e *screen2*, o usuário interage com as funcionalidades do aplicativo, cuja navegação é definida pelo sistema de roteamento, representado pelo *routing*. Para conexão com o backend apresentada anteriormente no diagrama, utilizou-se o Axios que é um cliente HTTP baseado em promessas para Node javascript assim realizando o compartilhamento de informações com o banco de dados através do backend na AWS. Com isso, como podemos ver temos as telas que são apresentadas ao usuário e os elementos dentro dessas telas seriam os componentes (botões, inputs, cards, etc), representados pelos *component1*, *component2*, *component3* e *component4* na imagem. A partir das telas, representadas por *screen1* e *screen2*, o usuário interage com as funcionalidades do aplicativo, cuja navegação é definida pelo sistema de roteamento, representado pelo *routing*. Para conexão com o backend apresentada anteriormente no diagrama de *deploy*, utilizou-se o Axios que é um cliente HTTP baseado em promessas para Node javascript assim realizando o compartilhamento de informações com o banco de dados através do backend na AWS.
\ No newline at end of file \ No newline at end of file
Clone repository

SemBarreiras-Logo__1_

Sem Barreiras

Home

Escopo

Processo

Design/Mockups

Configuração

Arquitetura

Gerência

Banco de Dados

Qualidade

Frontend

Backend