Estudo de caso

Saldo Certo

PWA de finanças pessoais construído em torno de uma pergunta: “Devo comprar agora?”. Antes de parcelar no cartão, o app simula as parcelas contra o orçamento mensal e o limite disponível.

Estágio
MVP em desenvolvimento
Período
2026
Papel
Produto e desenvolvimento
Tipo
Projeto pessoal

O problema

Parcelar no cartão esconde o impacto de uma compra: a parcela parece pequena, mas se soma às faturas dos meses seguintes e ao que já está comprometido no mês.

O Saldo Certo foi pensado para responder isso antes da compra: se a parcela cabe no valor reservado por mês para o cartão e em quais faturas ela vai cair.

A solução

A tela “Devo comprar agora?” recebe o valor da compra, a descrição e o número de parcelas desejado. No próprio app, ela calcula a compra em 1, 2, 3, 6 e 12 parcelas, compara cada parcela com o orçamento mensal definido pelo usuário e com o limite disponível do cartão e destaca a primeira opção que cabe nos dois.

Além da simulação, a tela tem uma integração implementada com um fluxo no n8n: quando o usuário clica em analisar, ela envia os dados da compra e pede uma análise complementar por IA. Essa análise ainda está em validação: uma resposta completa da automação ainda não foi confirmada. O restante do app registra entradas e saídas, distribui as compras parceladas pelas faturas e reúne metas, investimentos e relatórios.

Minha participação

Defini o produto e as regras financeiras do app: a simulação de parcelas contra o orçamento e o limite, o cálculo da fatura pelo dia de fechamento e a distribuição das parcelas pelas faturas. Conduzi a implementação dessas telas, a ligação da análise com o fluxo no n8n e a evolução do app com novos módulos, como tarefas mensais recorrentes e filtros por período.

Fluxos demonstráveis

A simulação e a análise complementar são coisas diferentes: a primeira é calculada no próprio app; a segunda depende de um serviço externo.

  1. 1O usuário informa o valor da compra, a descrição e quantas parcelas pretende usar; esse último dado vai para o pedido de análise ao n8n.
  2. 2O app lê o limite do cartão e o orçamento mensal para parcelas definidos nos ajustes e desconta do limite o valor da fatura atual.
  3. 3Uma tabela mostra a compra em 1, 2, 3, 6 e 12 vezes, com o valor da parcela, a parte do orçamento que ela ocupa e se cabe no limite.
  4. 4A primeira opção que cabe no orçamento e no limite é marcada como melhor opção, e o app resume o resultado em três níveis: pode comprar, vai apertar ou não agora.
  1. 1Com a simulação na tela, o usuário pode pedir uma análise complementar pelo botão de análise com IA.
  2. 2O app envia a um webhook no n8n o identificador do usuário e os dados da compra (valor, parcelas desejadas e descrição) e aguarda um texto de análise e uma classificação.
  3. 3Se o fluxo não responder ou devolver um formato inesperado, o app mostra um aviso, e a simulação continua disponível.
  1. 1Ao lançar uma compra no crédito, o usuário informa o total e o número de parcelas.
  2. 2O app cria uma parcela por mês, cada uma ligada à fatura certa de acordo com o dia de fechamento do cartão.
  3. 3Ao editar uma compra parcelada, o usuário escolhe se altera só aquela parcela ou todas.

Outras funções financeiras

  • Entradas e saídas por categoria, com ícones.
  • Forma de pagamento em débito, crédito ou dinheiro.
  • Filtros por período e filtros avançados na lista de transações.
  • Fatura calculada pelo ciclo de fechamento do cartão.
  • Parcelas distribuídas pelas faturas dos meses seguintes.
  • Metas e acompanhamento de investimentos.
  • Painel com saldo, fatura atual e gráfico de gastos por categoria; compras no crédito entram na fatura, não no saldo.
  • Relatórios por período.
  • Tarefas mensais recorrentes que reiniciam a cada ciclo de fatura, e um módulo de veículos.

A simulação na tela

Tela “Devo comprar agora?” com uma compra de R$ 2.400 simulada: veredito “Vai apertar...”, sugestão de 6x de R$ 400,00 e tabela de 1x a 12x com valor da parcela, parte do orçamento, se cabe no limite e veredito
Simulação calculada no app com valores fictícios: compra de R$ 2.400, limite de R$ 3.000, fatura atual de R$ 1.200 e orçamento de R$ 400/mês. Em 1x a parcela passa do limite disponível (R$ 1.800), e 6x é a primeira opção que cabe no orçamento e no limite.Abrir a captura em tamanho real

A captura foi feita com uma conta de demonstração e valores fictícios, em uma cópia local do app com dados simulados, sem dados da minha conta. O botão de análise por IA não foi acionado: o veredito, a sugestão e a tabela vêm apenas do cálculo local, e a análise complementar ainda está em validação.

Desafios técnicos

Cada parcela na fatura certa

A data de uma compra não define sozinha a fatura em que ela cai. Cada parcela recebe uma fatura de referência calculada pelo dia de fechamento do cartão: o que é comprado depois do fechamento vai para a fatura do mês seguinte, inclusive na virada do ano.

Centavos que fecham a conta

Dividir R$ 100,00 em 3 parcelas não dá um valor exato. As parcelas são truncadas nos centavos e a diferença vai para a última, para que a soma sempre bata com o total. As parcelas compartilham um identificador da compra, o que permite editá-las em conjunto.

Separar cálculo e análise

O resultado da simulação é calculado no próprio app, sem depender de serviço externo. A análise do n8n é pedida à parte, e uma falha nela não impede o uso da simulação.

Estágio e limitações

MVP pessoal em desenvolvimento. A simulação é um apoio ao planejamento pessoal: não é aconselhamento financeiro nem reproduz o cálculo de limite usado pelo banco.

  • A análise complementar por IA está em validação: a chamada ao fluxo no n8n está implementada, mas ainda não confirmei uma resposta completa da automação exibida no app.
  • Quando a análise do n8n responde, o cartão de veredito passa a usar a classificação dela, enquanto a tabela e a sugestão continuam vindo do cálculo local; os dois podem divergir.
  • A regra atual compara cada parcela com o limite disponível. Como muitos cartões reservam no limite o valor total da compra parcelada, e o cálculo não considera parcelas futuras de compras anteriores, o resultado pode superestimar a capacidade de compra.
  • O app é de uso pessoal e não tem link público nesta página.

Tecnologias

React
TypeScript
Vite
PWA
Tailwind CSS
Recharts
n8n