Vitral 0.2

Harborline Bank

Um app de banco pessoal. A visão geral mostra todas as contas, o patrimônio líquido e o fluxo de caixa, os orçamentos e os últimos pagamentos; as transações são filtradas por favorecido, categoria, conta e data; uma transferência passa por dados, revisão e um código de uso único, e aparece na tabela.

BancoGráficosFormulários

Telas

  1. 1

    Contas

    Saldos, patrimônio líquido, fluxo de caixa, orçamentos e atividade recente

    Abrir ao vivo
    Harborline Bank: a tela Contas
  2. 2

    Transações

    Uma tabela filtrável e ordenável com todos os pagamentos

    Abrir ao vivo
    Harborline Bank: a tela Transações
  3. 3

    Transferência

    Uma transferência em três passos com código de uso único

    Abrir ao vivo
    Harborline Bank: a tela Transferência

O que tem dentro

3 telas e 19 componentes, ligados por estado compartilhado e navegação local.

Recursos

  • Cards de conta com um “ocultar saldos” de um clique para compartilhar a tela
  • Gráficos de patrimônio líquido e fluxo de caixa, e orçamentos que ficam vermelhos quando estouram
  • Uma tabela de transações filtrada por favorecido, categorias, conta e data
  • Uma transferência linear: lista de favorecidos, campo de moeda, agendamento, revisão, código de uso único
  • A transferência atualiza o saldo e aparece como uma transação pendente
  • Um só cabeçalho no topo: o botão de recolher, um breadcrumb e a sidebar logo abaixo

Telas

Perguntas

Sobre o Harborline Bank e sobre templates em geral.

O InputNumber e os formatadores recebem uma moeda e um locale; troque USD e en-US em data.ts e no passo da transferência.