App de finanças pessoais com IA: categorize gastos automaticamente

Tutorial para criar um app de finanças pessoais que usa IA para categorizar seus gastos sozinho. Com Lovable e Supabase, passo a passo, sem precisar ser dev.

As ferramentas que vamos usar:

• Lovable — para construir a interface e a lógica sem escrever código do zero

• Supabase — o "banco de dados" onde seus gastos ficam salvos

• OpenAI — a inteligência que categoriza os lançamentos

O que é um banco de dados? É só um lugar organizado onde a informação fica guardada — como uma planilha turbinada que o app consulta e atualiza automaticamente.

Passo 1 — Crie o projeto no Lovable

Acesse o Lovable e comece um projeto novo. Cole este prompt — ele descreve o app inteiro de uma vez:

Crie um app de finanças pessoais chamado "Meu Dinheiro".

TELA PRINCIPAL:
- Campo de entrada de texto grande no topo onde o usuário 
  digita o gasto em linguagem natural (ex: "almoço 35 reais")
- Botão "Adicionar"
- Abaixo, o saldo de gastos do mês atual em destaque
- Lista dos últimos lançamentos: descrição, valor, categoria, data
- Cada lançamento pode ser editado ou excluído

TELA DE DASHBOARD:
- Gráfico de pizza com gastos por categoria no mês
- Gráfico de barras com gasto total por mês (últimos 6 meses)
- Card com comparação: gastou mais ou menos que o mês passado

CATEGORIAS PADRÃO:
Alimentação, Transporte, Moradia, Lazer, Saúde, 
Compras, Assinaturas, Outros

AUTENTICAÇÃO:
- Login simples com e-mail e senha via Supabase

Design: fundo escuro, visual moderno e limpo, 
cores diferentes por categoria, totalmente responsivo 
e otimizado para celular.

O Lovable vai gerar a estrutura. Não se preocupe se não ficar perfeito de primeira — vamos ajustar.

Passo 2 — Conecte o Supabase

Dentro do Lovable, vá em Settings → Integrations → Supabase e conecte seu projeto (crie uma conta gratuita em supabase.com se ainda não tiver).

O Lovable vai criar a tabela de lançamentos automaticamente. Confirme que ela tem estas colunas:

create table lancamentos (
  id          uuid primary key default gen_random_uuid(),
  user_id     uuid references auth.users(id),
  descricao   text not null,
  valor       decimal not null,
  categoria   text,
  data        date default current_date,
  criado_em   timestamp default now()
);

Cada linha aqui representa um gasto:

• descricao — o que você digitou ("almoço no shopping")

• valor — quanto custou (35.00)

• categoria — o que a IA vai preencher ("Alimentação")

• data — quando aconteceu

Passo 3 — A parte mágica: categorização por IA

Aqui está o coração do app. Quando o usuário digita um gasto, antes de salvar, mandamos o texto para a IA decidir a categoria e extrair o valor.

Instrua o Lovable:

Quando o usuário adicionar um gasto, antes de salvar no banco:
1. Envie o texto digitado para a API da OpenAI
2. A IA deve extrair o VALOR e identificar a CATEGORIA
3. Salve o lançamento já com a categoria preenchida

Use este prompt na chamada da OpenAI:

"Você é um assistente de finanças. Analise o gasto descrito 
e responda APENAS em JSON com este formato:
{
  \"valor\": número (só o valor, sem R$),
  \"categoria\": uma destas opções exatas: Alimentação, 
  Transporte, Moradia, Lazer, Saúde, Compras, Assinaturas, Outros,
  \"descricao_limpa\": descrição curta e organizada
}

Gasto: [TEXTO DO USUÁRIO]"

Use o modelo gpt-4o-mini para baixo custo.

Na prática, o que acontece quando você digita "netflix 39,90":

{
  "valor": 39.90,
  "categoria": "Assinaturas",
  "descricao_limpa": "Netflix"
}

A IA entendeu que Netflix é assinatura, extraiu o valor e organizou a descrição — tudo sem você escolher nada.

Passo 4 — Trate os casos que a IA erra

Nenhuma IA acerta 100%. Às vezes ela vai categorizar errado. Por isso, deixamos a categoria editável.

Peça ao Lovable:

Na lista de lançamentos, cada item deve permitir editar 
a categoria com um clique (dropdown com as 8 categorias).
Quando o usuário corrigir uma categoria manualmente, 
salve a correção no banco.

Isso resolve dois problemas: o usuário corrige o que ficou errado, e você tem dados para, no futuro, melhorar a precisão (mostrando à IA exemplos de como aquele usuário categoriza).

Passo 5 — Monte o dashboard

O dashboard é o que transforma uma lista de gastos em informação útil. Instrua o Lovable:

Crie o dashboard com:

1. Gráfico de pizza: soma dos gastos por categoria no mês atual.
   Cada categoria com uma cor fixa.

2. Gráfico de barras: total gasto por mês nos últimos 6 meses.

3. Card de comparação: 
   "Você gastou R$ X este mês" 
   + indicador verde (gastou menos) ou vermelho (gastou mais) 
   comparado ao mês anterior, com a diferença em porcentagem.

Use a biblioteca de gráficos que o Lovable já tem integrada.

Dica: gráficos de pizza funcionam bem com até 8 categorias — que é exatamente o que definimos. Mais que isso, vira uma confusão visual.

Passo 6 — Teste com gastos reais

Antes de considerar pronto, teste a categorização com exemplos variados para ver onde a IA acerta e onde erra: