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
  • 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
    • Incidents
  • Analytics
    • Analytics
    • Value stream
    • CI/CD
    • Repository
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • Barba De Homem
  • wiki
  • Wiki
  • Arquitetura do sistema

Last edited by Giuseppe Menti Jun 26, 2020
Page history
This is an old version of this page. You can view the most recent version or browse the history.

Arquitetura do sistema

Página Inicial

Arquitetura do Sistema

Firebase

O Firebase ajuda as equipes de aplicativos para dispositivos móveis e da Web a alcançar o sucesso.

Ferramentas utilizadas:

  • Cloud firestore: Armazena e sincroniza dados do app em escala global;
  • Cloud functions: Executa código de back-end para dispositivos móveis sem gerenciar servidores;
  • Authentication: Autentica usuários de modo simples e seguro;
  • Hosting: Ofereça recursos de app da Web com velocidade e segurança;
  • Cloud storage: Armazena e oferece arquivos na escala do Google;

Mais informações em: https://firebase.google.com/products#develop-products

Arquitetura como um todo: deployment-diagram-barba-de-homem

Code Review:

Todo merge request deve ser validado por todos AGES III e pelo menos dois AGES II, ao criar um merge envie o link no canal do slack #merge-requests e aguarde os colegas fazerem o review.

Aplicativo para os clientes da barbearia (app)

Github: https://github.com/AGES-PUCRS/barbadehomem-app

Foi desenvolvido utilizando PWA + React, realizando leituras e escritas diretamente no firestore, toda manipulação e lógica de negócio da aplicação fica dentro da camada do Redux, mantendo um bom aproveitamento de código e evitando assim a duplicidade dos mesmos.

React + PWA: https://create-react-app.dev/docs/making-a-progressive-web-app/ Redux: https://redux.js.org/

Painel administrativo (admin)

Github: https://github.com/AGES-PUCRS/barbadehomem-admin

Utilizado framework react-admin (https://marmelab.com/react-admin/) para realizar a implementação do painel adminitrativo, este framework foi configurado para que leia e escreva os dados diretamente no firestore do projeto. Este framework foi implementado em cima das tecnologias abaixo: image

Firebase functions (backend)

Github: https://github.com/AGES-PUCRS/barbadehomem-backend

Este repositório é responsável por realizar processamentos no backend, neste projeto foi utilizado somente para realizar o envio das notificações push no momento em que o barbeiro atualiza o status de algum agendamento dentro do painel administrativo.

Clone repository
  • Arquitetura do sistema
  • Atas de reuniões
  • Configuração
  • Diagramas de dados
  • Entregas
  • Gerênciamento do Projeto
  • Home
  • Instalação (Deploy)
  • Material de estudo
  • Padrão de Páginas (dev)
  • Requisitos do projeto
  • Retros e Sprints
  • Telas mockups
  • reunioes
    • ATA_01
    • ATA_02