Como criar um app de calculadora sem escrever código
Como criar um app de calculadora sem escrever código
Um app de calculadora nasce de um parágrafo em português: quais valores a pessoa digita, que conta o app faz e o que ela vê no fim. O Zugo transforma essa descrição em uma página funcionando, sobe a página em uma sandbox antes de entregar e publica em um endereço real.
A parte difícil de uma calculadora quase nunca é a programação. É decidir qual conta você está disposto a assumir em público, porque um número exibido no site vira promessa na cabeça de quem leu.
Que tipo de calculadora você está querendo?
Quase todo pedido de calculadora que aparece em um negócio brasileiro cai em cinco famílias, e a família define o resto do projeto.
A primeira é a calculadora de orçamento: a pessoa escolhe serviço, quantidade e prazo e vê um valor estimado. É a mais pedida por prestadores de serviço, porque responde de uma vez a pergunta "quanto custa?" que chega vinte vezes por dia no WhatsApp.
A segunda simula finanças: parcela, entrada, prazo. A terceira lida com medidas e saúde, do tipo IMC ou consumo diário. A quarta converte unidades. A quinta calcula retorno: quanto se economiza por mês, em quantos meses o investimento se paga.
Saber a família importa porque cada uma guarda coisas diferentes. Orçamento e simulação costumam virar contato comercial. Conversão e medida raramente viram: a pessoa calcula, anota e sai, e insistir em pedir e-mail no meio do caminho só derruba o uso da página.
O que precisa estar no prompt?
O Zugo constrói a partir de texto, então o texto precisa conter o que um desenvolvedor perguntaria em uma reunião. Para calculadora, isso significa campos, fórmula e formato do resultado, nessa ordem.
Crie uma calculadora de orçamento de [seu serviço].
Campos que a pessoa preenche:
1. [campo], lista com as opções [A, B, C]
2. [campo], número entre [min] e [max]
3. [campo], caixa de seleção sim ou não
Cálculo: valor base de [X] por [unidade], multiplicado pela
quantidade, mais [Y] quando a opção [C] estiver marcada.
Resultado: valor em reais, arredondado, com a frase
"estimativa, o valor final é confirmado no orçamento".
Botão "Falar com a gente" abaixo do resultado.
Idioma português do Brasil. Paleta: [suas cores].
Duas linhas extras valem o esforço. "Mostre a conta por extenso abaixo do total" reduz muito a desconfiança de quem vê um número redondo sair do nada. "Se algum campo estiver vazio, mostre um aviso em vez do resultado" evita o clássico total zerado que faz a pessoa achar que a página quebrou.
Se partir de uma folha em branco custa mais caro que partir de algo, o Zugo traz 25 modelos prontos, e um modelo de aplicativo simples já chega com formulário, botão e área de resultado no lugar.
Onde escrever a fórmula sem se enrolar?
Escreva a fórmula como você a explicaria por telefone para um estagiário, não como fórmula de planilha. Frase curta, um passo por linha, sem parênteses aninhados.
Funciona bem assim: "o preço base é 180 por diária, a partir do sétimo dia cai para 150, e se a pessoa marcar entrega em domicílio some 90 fixos". Funciona mal assim: "preço = base*d + (d>7 ? desc : 0) + entrega". A segunda versão parece precisa e esconde o caso do sétimo dia exato.
Ambiguidade de borda é o que mais gera retrabalho. Diga o que acontece exatamente no limite: sete dias entra na faixa antiga ou na nova, o desconto vale para todos os dias ou só para os excedentes, o arredondamento sobe ou desce. Cada uma dessas respostas é uma edição a menos depois.
Quanto custa em créditos?
Créditos são a moeda da geração. A calculadora inteira é uma construção, e cada ajuste de fórmula depois é uma edição.
| Ação no Zugo | Créditos |
|---|---|
| Construção da calculadora | 6 |
| Edição sobre o projeto pronto | 3 |
| Plataforma multipágina, três primeiras páginas | 12 |
| Cada página adicional | 3 |
| Construção no modo Hi-Fi | 12 |
| Edição no modo Hi-Fi | 6 |
Publicar em seu-slug.zugo.run |
0 |
| Conectar domínio próprio | 0 |
O plano gratuito dá 5 créditos, o que fica logo abaixo de uma construção completa: serve para conhecer a ferramenta, não para fechar um projeto. O Pro custa $25 por mês com 200 créditos, algo como 16 plataformas multipágina, 33 construções ou 66 edições. O Business custa $99 por mês com 800 créditos.
Para calculadora, a conta prática é outra: uma construção mais três ou quatro edições de ajuste fino. Você mexe no arredondamento, no texto do aviso legal e na faixa de desconto, e depois disso a página costuma ficar parada por meses.
Precisa de banco de dados?
Só se você quiser guardar alguma coisa. A conta em si roda no navegador de quem visita e não exige banco nenhum.
Guardar passa a fazer sentido em dois casos. Quando o resultado vira contato comercial e você quer a lista de quem simulou. Quando o valor depende de uma tabela que muda, como preço por região, e você prefere editar a tabela em vez de reconstruir a página.
Nesses casos entra o Supabase, que cuida de banco, login e arquivos, e o Resend, que envia o e-mail com o resumo da simulação. É a mesma dupla usada em qualquer formulário que precisa sobreviver ao fechamento da aba. A lógica de captura está detalhada no guia de página de preços de SaaS.
Como testar se a conta está certa?
Com casos escritos à mão antes de publicar, e não com uma olhada rápida na tela. Três minutos aqui evitam um mês de orçamento errado circulando.
| Caso de teste | O que você digita | O que precisa aparecer |
|---|---|---|
| Mínimo | Menor valor de cada campo | Valor de piso, nunca zero |
| Faixa comum | O pedido típico do seu cliente | O número que você faria na mão |
| Borda da regra | Exatamente o dia ou a quantidade do desconto | A faixa que você decidiu, sem dúvida |
| Campo vazio | Nada preenchido | Aviso claro, não um total falso |
| Absurdo | Quantidade gigante | Ou o valor certo, ou um pedido de contato |
A checagem em sandbox garante que a página sobe e abre. Ela não sabe se a sua margem está no lugar: a conta é sua, e conferir esses cinco casos é a parte que ninguém pode automatizar por você.
Quanto tempo leva do texto ao link no ar?
Uma construção simples fica pronta em cerca de um minuto. Uma plataforma com várias páginas leva alguns minutos, porque são várias páginas e não uma só.
O tempo real do projeto não está aí. Está em decidir a fórmula. Quem chega com a regra de preço escrita termina no mesmo dia. Quem chega com "preciso de uma calculadora" gasta a semana descobrindo que a empresa nunca combinou como calcula o frete.
Vale por isso um conselho de ordem: escreva a fórmula em um bloco de notas, mostre para quem fecha os preços, e só então abra o construtor. A ferramenta é a parte rápida.
O que uma calculadora dessas não resolve?
Três coisas, ditas sem rodeio.
Ela não substitui um time de desenvolvimento em produto complexo. Se a conta consulta um sistema interno, aplica regra fiscal por estado e precisa de aprovação em duas etapas, você vai chegar lá por edições sucessivas, e em algum ponto sai mais barato exportar o código pelo GitHub e continuar à mão.
Ela não protege a sua tabela de preços. Qualquer número que a página calcula é um número que o concorrente também consegue calcular. Se a sua margem depende de sigilo, mostre faixa em vez de valor exato.
E ela não fecha venda sozinha. Calculadora tira dúvida e qualifica, não negocia. O botão de contato logo abaixo do resultado costuma valer mais que qualquer refinamento da fórmula.
Por onde começar hoje?
Comece pela conta e não pela tela. Escreva a fórmula em três frases, defina o que acontece nas bordas e decida se o resultado vira contato ou só informação.
Depois disso, uma construção entrega a página e duas ou três edições ajustam o que só aparece no uso real. Se o seu caso for mais perguntas do que contas, o guia de app de quiz cobre melhor esse formato, e se a ideia for acompanhar números ao longo do tempo em vez de calcular uma vez, controle de gastos é o caminho mais próximo.
Dá para testar em zugo.dev com o plano gratuito, publicar no endereço .zugo.run para mostrar a alguém de confiança e conectar o domínio próprio quando a fórmula já estiver acertada.