Movimentações Comuns

Introdução

Essa feature compreende a geração e visualização de relatórios semanais, mensais e anuais com base nas movimentações de receita e despesas computadas pelo usuário. Estes relatórios são compostos por informações escritas e por informações visuais gráficas.

Fluxo

A visualização dos relatórios permite baixissima interatividade com os gráficos sendo possível apenas utilizar de tabs para esconder ou mostrar determinados gráficos e clicar em pontos específicos do gráfico para ter uma informação detalhada.

A requisição para os gráficos é feita assim que a interface é invocada pelo usuário.

Períodos

• No período semanal:

  • Informações estáticas de Gasto Total, Receita Total e Saldo Total.
  • Análises em relação ao último período, maior economia e maior salto; análise de maior despesa na semana.
  • Gráfico de barras com as movimentações básicas, receita e despesa, para cada dia da semana.

• No periódo mensal:

  • Informações estáticas de Gasto Total, Receita Total e Saldo Total.
  • Análises em relação ao último período, maior economia e maior salto; análise de maior despesa na semana.
  • Gráfico de pizza com despesas por categoria - com número limitado e restante agrupado e aproximado.
  • Gráfico de pizza com despesas por tipo, movimentações comuns, movimentações de padrão, etc.
  • Gráfico de frequência com gráficos ao longo do mês.

• No período anual:

  • Informações estáticas de Gasto Total, Receita Total e Saldo Total.
  • Gráfico de linha apresentando flutuação anual do saldo.
  • Interface gráfica para Despesas Fixas
    • Listagem de Despesas Fixas e sua média anual
    • Gráfico de linha apresentando flutuação mensal da Despesa Fixa clicada
  • Gráfico de pizza com despesas por categoria - com número limitado e restante agrupado e aproximado.
  • Gráfico de pizza com despesas por tipo, movimentações comuns, movimentações de padrão, etc.

Entregas

Logo, as interfaces envolvidas nesse processo são:

• Interface de estado vazio para relatórios Figma 🔥

• Interface de relatórios Figma 🔥

  • Integração de tabs para períodos com React Navigation - Figma 🔥
  • Componentes de informações estáticas Figma 🔥
  • Componentes de itens de análise Figma 🔥
    • Interface detalhada de itens de análise Figma 🔥
  • Componente de graficos colápsáveis Figma 🔥
  • Componente de redirecionamento Figma 🔥

• Interface de relatórios semanais Figma 🔥

  • Integração com o servidor do componente de informações estáticas 🔥
  • Integração com o servidor dos itens de análise 🔥
  • Gráfico de barras para despesas e receitas por dia da semana Figma 🔥
  • Integração com o servidor do gráfico de barras para despesas e receitas por dia da semana 🔥

• Interface de relatórios mensais Figma 🔥

  • Integração com o servidor do componente de informações estáticas 🔥
  • Integração com o servidor dos itens de análise 🔥
  • Gráfico de pizza para movimentações por despesa por categoriaFigma 🔥
  • Integração com o servidor do gráfico de pizza para movimentações por despesa por categoria 🔥
  • Gráfico de pizza para movimentações por padrão de despesa Figma 🔥
  • Integração com o servidor do gráfico para movimentações padrão de despesa
  • Gráfico de frequências para despesas ao longo do mês Figma 🔥
  • Integração com o servidor do gráfico para frequências ao longo do mês

• Interface de relatórios anuais Figma

  • Integração com o servidor do componente de informações estáticas 🔥
  • Integração com o servidor dos itens de análise 🔥
  • Gráfico de linhas para variação anual dos saldos Figma 🔥
  • Integração com servidor do gráfico de linhas para variação anual dos saldos 🔥
  • Interface de relatórios de Despesas Fixas
    • Listagem horizontal de despesas fixas e médias
    • Apresentação de gráfico por despesa fixa clicada
  • Gráfico de pizza de despesas por categoria Figma 🔥
  • Integração com o servidor para gráfico de despesa por categoria
  • Gráfico de despesa por padrão de movimentação Figma 🔥
  • Integração com o servidor para gráfico de depesa por padrão de movimentação

  Necessidades

  • View de Relatório Semanal
  • View de Relatório Mensal
  • View de Relatório Anual

  Gerenciamento de Erro

  Caso ocorra algum erro ao fazer contato com o servidor: mensagens de erro emitidas devem ser feitas através do método toast (implementado pelo React Native), sem implementação de um componente para notificação de erro.

  Gerenciamento de Sucesso

  Não necessário.

Fora de Escopo

Gerar gráficos para períodos inseridos manualmente pelo usuário.

Futuramente

• Implementar a interface de gráficos da Despesa Fixa.

Recursos

• React Native Navigation Tabs para interfaces de adição de despesa e receita.
• Toast Android para mensagens de erro.
• React Native Chart Kit para implementação dos gráficos. As legendas do gráfico foram geradas em separado por limitações técnicas encontradas no uso da biblioteca.