Comece grátis

Modelo

App de aprovação de despesas para sua equipe

Um app de aprovação de despesas que você pode colocar no ar hoje. A pessoa envia um recibo, um gestor aprova, e o financeiro recebe o mês em uma planilha. Só seus colegas conseguem abrir.

Feito para: Financeiro, gestores e qualquer pessoa que compra coisas para o trabalho

Ver planos e assinarVer o código no GitHub
A tela Aprovações (Approvals) do app de aprovação de despesas: quatro despesas aguardando, cada uma com a pessoa, o motivo, o valor, um link para o recibo e os botões Aprovar (Approve) e Recusar (Reject)
O modelo com dados de exemplo, como um colega vê depois de entrar.

01O que faz

O que sua equipe ganha

  • Envie uma despesa em um minuto

    Valor, data, categoria e motivo, com uma foto ou PDF do recibo. Funciona pelo celular.

  • Aprove ou recuse com uma observação

    Os aprovadores veem tudo o que está aguardando e abrem qualquer recibo. Uma recusa exige uma observação, para a pessoa saber o que corrigir. Ninguém pode aprovar a própria despesa.

  • Cada um vê como estão as suas

    Todo mundo vê as próprias despesas como aguardando, aprovadas ou recusadas, e pode retirar uma que ainda está aguardando.

  • O financeiro recebe o mês

    Tudo o que foi aprovado no mês, com totais por categoria, e um download em CSV para a contabilidade.

02Funções

Quem pode fazer o quê

Só chega até aqui quem pode abrir o app. Lá dentro, o responsável dá funções aos colegas pelo e-mail corporativo, na página Pessoas (People).

QuemPode
Todos que podem abrir o appEnviar despesas, ver as próprias, retirar uma que ainda está aguardando
AprovadoresVer e decidir sobre as despesas de todos, abrir qualquer recibo
FinanceiroVer as despesas aprovadas por mês, baixar o CSV, abrir qualquer recibo
AdministradoresMudar quem é aprovador, financeiro ou administrador
O responsável (quem publica primeiro)Tudo

Quem pode abrir o app é definido pelo TeamOnly: todo mundo da sua empresa, ou só as pessoas que você indicar com npx teamonly access only.

03Começar

No ar com poucos comandos

Você precisa do Node.js no computador, que quem usa Claude Code e Cursor já tem. Rode estes comandos em um terminal.

  1. Crie o app

    Isso cria uma pasta nova chamada expenses com o app inteiro e instala o que ele precisa.

  2. Teste no seu computador

    Ele abre em http://localhost:5173, com login de um usuário de teste que é o responsável pelo app.

  3. Coloque no ar

    Faça login uma vez em cada computador e depois publique. Você recebe um link como expenses.acme.teamonly.app que só sua empresa consegue abrir.

Terminal~
npx teamonly init --template expense-approval expensesCreated "expenses" from the expense-approval templatecd expenses && npm installnpm run devLocal: http://localhost:5173/npx teamonly loginSigned in as dana@acme.comnpx teamonly deployLive at https://expenses.acme.teamonly.appOnly @acme.com accounts can sign in.

04Deixe do seu jeito

Mude pedindo à sua IA

O modelo é código comum na sua pasta. Peça mudanças ao Claude Code ou ao Cursor com suas palavras, confira com npm run dev e publique de novo. Algumas ideias:

  • Adicione um limite mensal por pessoa e destaque em vermelho para o financeiro tudo o que passar dele.

  • Deixe as pessoas colocarem um código de projeto em cada despesa e inclua isso no CSV.

  • Mude a moeda para euro e adicione uma categoria Quilometragem.

  • Mande um e-mail para os aprovadores quando chegar uma despesa nova, e um lembrete toda manhã sobre o que ainda estiver aguardando.

05Custo

Quanto custa

  • O modelo é grátis. Você paga pelo TeamOnly, que hospeda o app, depois de um teste grátis de 14 dias sem cartão.
  • Builder, $19 por mês: um criador e até três apps.
  • Team, $249 por mês: quantos criadores e apps você quiser, e qualquer pessoa com o e-mail da empresa pode publicar.
  • Colegas que só usam o app não pagam. Não há licenças para comprar.
Ver planos e assinar

Leia o código antes

Todo modelo é aberto no GitHub, com seu README. Dê uma olhada antes de começar, ou mostre para a TI.

Ver o código no GitHub

06FAQ

Perguntas frequentes

Todas as perguntas e respostas

Quem pode abrir o app de despesas?

Só pessoas da sua empresa, entrando com a conta Google ou Microsoft de trabalho ou com um código enviado ao e-mail corporativo. Você pode restringir a pessoas específicas com npx teamonly access only.

Alguém pode aprovar a própria despesa?

Não. O app confere isso em toda decisão. Se você é o único aprovador, outra pessoa precisa aprovar as suas.

Onde ficam os recibos?

No armazenamento de arquivos do próprio app no TeamOnly, que nenhum outro app consegue ler. Os recibos podem ser uma foto (JPG, PNG, HEIC, WebP) ou um PDF, de até 10 MB.

Posso mudar as categorias ou a moeda?

Sim. As duas estão listadas em um arquivo, src/shared/types.ts. Peça à sua ferramenta de IA para mudar e publique de novo. O padrão é dólar americano, com viagem, refeições, materiais, software, treinamento e outros.

Ele manda e-mail quando uma despesa está aguardando?

Não vem pronto, mas é uma mudança fácil. Os apps do TeamOnly podem mandar e-mail para colegas, então peça à sua ferramenta de IA para mandar um e-mail aos aprovadores quando chegar uma despesa. Até lá, os aprovadores veem no app quantas despesas estão aguardando.

Outros modelos

Continue lendo

Acesso antecipado

Coloque sua primeira ferramenta no ar esta semana.

O TeamOnly está em acesso antecipado, e todos os planos já estão abertos. Teste grátis por 14 dias sem cartão, ou assine. Nos dois casos, sua empresa fica pronta na hora, e três comandos colocam seu primeiro app no ar.

Teste grátis por 14 diasOu assine agora

Sem cartão no teste. Depois, a partir de $19 por mês, cancele quando quiser.

Ainda não? Receba novidades

Use seu e-mail corporativo. Escrevemos pouco, e só quando há novidade que valha a pena.

Dúvidas vão para hello@teamonly.dev, e uma pessoa responde.