Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • W Wiki
  • Project information
    • Project information
    • Activity
    • Labels
    • Planning hierarchy
    • Members
  • 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
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Create a new issue
  • Jobs
  • Issue Boards
Collapse sidebar
  • Ludo Pets
  • Wiki
  • Wiki
  • arquitetura

Last edited by Gabriel Bohn Jun 21, 2025
Page history
This is an old version of this page. You can view the most recent version or browse the history.

arquitetura

Diagrama de Deploy – Projeto Ludo-pets

O fluxo de deploy do projeto Ludo-pets é gerenciado a partir de um repositório hospedado no GitLab, que centraliza o código-fonte e as configurações necessárias para o build automatizado do aplicativo nas versões Mobile (APK/IPA) e Web (PWA).

Deploy Mobile (APK/IPA)

O GitLab executa o processo de build utilizando o EAS Build.

O aplicativo gerado (APK/IPA) é enviado automaticamente para o Firebase App Distribution.

Um link de instalação é disponibilizado ao Stakeholder, que instala o app diretamente em seu dispositivo móvel.

O Stakeholder, acessando o app diretamente pelo navegador, também interage com os serviços do Firebase, da mesma forma que a versão mobile.

Comunicação com o Firebase Após a instalação, o app se comunica diretamente via internet com o Firebase.

Deploy Web (PWA)

O GitLab também executa o comando expo export para gerar o build da versão web do app.

O conteúdo gerado é hospedado na plataforma Vercel.

O Stakeholder, acessando o app diretamente pelo navegador, também interage com os serviços do Firebase, da mesma forma que a versão mobile.

Comunicação com o Firebase

Tanto o app instalado em dispositivos móveis quanto o PWA acessado via navegador comunicam-se diretamente com o Firebase. Essa integração garante autenticação de usuários, execução de funções em nuvem e persistência de dados em tempo real via Firestore.

Diagrama_de_deploy_.drawio

Frontend:

O sistema será acessado por dispositivos móveis, por meio de um aplicativo desenvolvido em React Native com suporte do Expo, que facilita o processo de desenvolvimento, testes e distribuição. A aplicação utiliza TypeScript para garantir maior segurança e organização do código, além de seguir o modelo de componentização, permitindo interfaces modulares e reutilizáveis.

A interface é enriquecida com a biblioteca Phosphor Icons, que oferece ícones modernos e personalizáveis, contribuindo para uma experiência visual mais agradável e intuitiva.

Tecnologias:

React Native Badge Expo Badge Phosphor Icons Badge TypeScript Badge

Backend:

O backend da aplicação Ludo Pets é estruturado sobre a plataforma Firebase, que centraliza os principais serviços necessários para o funcionamento do app, como autenticação de usuários, persistência de dados em tempo real via Firestore e execução de funções em nuvem por meio do Cloud Functions. Todo o código-fonte do projeto é mantido em um repositório no GitLab, que também gerencia o fluxo de deploy tanto para a versão mobile (APK/IPA) quanto para a versão web (PWA)

  • Autenticação de usuários (Firebase Auth)
  • Execução de funções em nuvem (Cloud Functions)
  • GitLab CI/CD

Tecnologias:

Firebase Badge GitLab Badge

Banco de Dados:

Optamos por utilizar na nossa aplicação o Cloud Firestore. É um banco de dados NoSQL, criado pelo Google e oferecido dentro da plataforma Firebase. Ele foi projetado para armazenar, sincronizar e consultar dados estruturados de forma eficiente, especialmente para aplicações web e mobile.

Tecnologias:

Firestore Badge
Clone repository
  • Banco de Dados
  • Configuração
  • Código
  • Processo
  • arquitetura
  • design_mockups
  • escopo e cronograma
  • Home