Tone Monte
InícioBlogServiçosPortfólioSobreContato
TM
Tone Monte

Desenvolvedor Full Stack apaixonado por criar experiências digitais incríveis e compartilhar conhecimento através do blog.

Menu

  • Blog
  • Projetos
  • Portfólio
  • Sobre mim
  • Produtos
  • Serviços
  • Todos os Posts

Categorias

  • Business
  • Design
  • Inglês
  • Lifestyle
  • Livros
  • Projetos
  • Tecnologia

Contato

Disponível para projetos:
Desenvolvimento Full Stack, Consultoria Técnicatonelopes.dev@gmail.com

Entrar em contato →

© 2025 Tone Monte. Todos os direitos reservados.

Política de PrivacidadeTermos de Serviço
    Graninha App — como criei meu primeiro SaaS de finanças pessoais
    Projetos & Código
    Projetos & Código

    Graninha App — como criei meu primeiro SaaS de finanças pessoais

    Tone Monte
    Tone Monte
    19 de setembro de 2025
    12 min de leitura
    Do conceito à publicação: detalhes técnicos, decisões de stack, UI e o que aprendi com a primeira versão pública do Graninha.

    O Graninha App nasceu de uma necessidade pessoal: eu queria uma ferramenta de finanças que fosse simples, visual e que me ajudasse a tomar decisões melhores. Depois de testar várias soluções disponíveis no mercado e não encontrar exatamente o que procurava, decidi criar minha própria aplicação.

    Esse projeto começou dentro do bootcamp da Fullstack Club, ministrado pelo Felipe Rocha (Senior Software Engineer). Durante o programa, foi desenvolvido um SaaS de gestão financeira — com direito a insights por IA, do zero ao deploy — de forma prática e extremamente didática em apenas 7 aulas. Após o bootcamp, dei continuidade ao projeto, evoluí as funcionalidades, coloquei em produção e comecei a coletar feedbacks reais dos usuários para guiar as próximas melhorias.


    Concepção e Planejamento

    Antes de escrever uma única linha de código, passei duas semanas definindo o escopo do projeto. Queria algo que fosse além do simples registro de gastos, mas que também não fosse tão complexo a ponto de se tornar intimidador. O foco seria em três pilares: visualização clara dos gastos, automação de categorização e insights personalizados.

    Criei wireframes no Figma, mapeei a jornada do usuário e defini as funcionalidades essenciais para o MVP. Decidi adotar uma abordagem mobile-first, já que a maioria dos usuários registraria gastos pelo celular.


    Stack Tecnológica

    • Frontend: React com Next.js, aproveitando SSR e excelente DX.
    • Estilização: Tailwind CSS para acelerar o desenvolvimento da interface.
    • Banco de Dados: PostgreSQL, ideal para dados relacionais e consultas complexas.
    • Autenticação: JWT com refresh tokens.
    • Pagamentos: Integração com Kiwify.
    • Infraestrutura: Vercel (frontend) e Hostinger (backend + DB).

    Público-Alvo e Proposta de Valor

    O Graninha App foi pensado especialmente para casais jovens e famílias que precisam organizar suas finanças de forma compartilhada. A proposta central é oferecer um organizador financeiro simples e colaborativo, com:

    • Visualização clara das finanças
    • Categorização automática de despesas
    • Insights inteligentes por IA
    • Gestão compartilhada para casais e famílias

    Desafios e Aprendizados

    O maior desafio foi a implementação do algoritmo de categorização automática de transações. Comecei com regras fixas, mas logo percebi que não seria sustentável. Evoluí para um sistema híbrido, que combina regras predefinidas com aprendizado baseado no comportamento manual dos usuários.

    Outro desafio importante foi otimizar a performance. À medida que o volume de transações cresceu, algumas consultas começaram a ficar lentas. Resolvi isso com caching, índices no banco e paginação eficiente.


    Lançamento e Feedback

    Após três meses de desenvolvimento, lancei a versão beta para um grupo fechado de 50 usuários. O feedback inicial foi extremamente valioso: melhorei a UX, adicionei a importação de extratos bancários e refinei a experiência no dashboard.

    Dois meses depois, lancei oficialmente o Graninha App com um modelo freemium:

    • Plano gratuito: funcionalidades básicas
    • Plano premium (R$9,90/mês): recursos avançados para quem busca ainda mais controle

    O projeto, que nasceu em um bootcamp, hoje é um produto em evolução contínua, já em produção e recebendo feedbacks reais para se tornar cada vez mais útil e completo.

    Gostou do post?

    Compartilhe com seus amigos!

    Posts Relacionados

    Continue explorando conteúdos similares que podem interessar você

    Estudo de caso: criando um sistema de autoatendimento com Next.js + Prisma
    Projetos & Código
    19 de setembro de 2025

    Estudo de caso: criando um sistema de autoatendimento com Next.js + Prisma

    Uma visão completa do backend, frontend e lógica de negócio por trás do Selfcheckout, meu projeto focado em agilidade para pequenos comércios.

    Ler Mais15 min de leitura
    O Projeto Angular que me Garantiu uma Vaga na L5 Networks: Um Case de Sucesso
    Projetos & Código
    20 de maio de 2025

    O Projeto Angular que me Garantiu uma Vaga na L5 Networks: Um Case de Sucesso

    Recebi um teste prático com prazo de 5 dias. O resultado? Uma vaga de desenvolvedor. Aqui, detalho a estratégia, as decisões técnicas e os diferenciais do projeto que me aprovou na L5 Networks.

    Ler Mais9 min de leitura
    DevLinks: Como Criei Minha Árvore de Links com o Curso da Rocketseat
    Projetos & Código
    28 de dezembro de 2022

    DevLinks: Como Criei Minha Árvore de Links com o Curso da Rocketseat

    Um dos meus primeiros projetos práticos: um agregador de links com light e dark mode. Veja o processo, as tecnologias e o código por trás deste projeto da Rocketseat.

    Ler Mais6 min de leitura

    Comentários

    Compartilhe suas ideias e participe da discussão