← Back to the blog
Side projects•Nov 14, 2026•2 min read

PetSystem: meu primeiro projeto, um ERP de pet shop sem frameworks

Antes de React, Vue ou Next.js, teve o PetSystem: um sistema de pet shop feito só com o básico da web. O que ele me ensinou ainda vale hoje.

HTMLCSSJavaScriptFundamentos

Todo dev tem um primeiro projeto. O meu foi o PetSystem, feito quando eu ainda estava entendendo como o mundo do desenvolvimento funcionava. Em vez de ir direto para os frameworks do momento, decidi me concentrar no básico: programação e estilização com as tecnologias nativas da web.

O contexto

A ideia era um ERP para pet shop: um sistema em que o dono da loja pudesse cadastrar produtos, registrar compras e vendas e ter controle do negócio. Ambicioso para um primeiro projeto — e foi exatamente isso que o tornou tão útil para aprender.

Os desafios

  • Fazer tudo sem frameworks. Cada tela, cada interação e cada regra precisou ser escrita do zero.
  • Guardar dados sem banco de dados. O projeto não tem backend: as informações ficam salvas apenas no navegador, por um período, e depois são apagadas.
  • Organizar um sistema com muitas funcionalidades quando eu ainda estava aprendendo a organizar código.

O que eu construí

Um sistema com cadastro de produtos, controle de compras e vendas e outras funcionalidades típicas de gestão de um pet shop, todo feito com as tecnologias base da web e com os dados vivendo no próprio navegador.

O PetSystem
O PetSystem

O que aprendi

  • Os fundamentos são o que sobra quando os frameworks mudam — e eles mudam o tempo todo.
  • Escrever "na mão" o que um framework faria me ajudou a entender por que os frameworks existem.
  • Escopo é uma escolha: um ERP inteiro é complexo demais para um primeiro projeto, e isso também é aprendizado.

O resultado

O PetSystem não teve continuação, justamente pela complexidade do que foi implementado. Mas ele segue sendo uma fonte de consulta: volto nele para rever boas práticas e funcionalidades que podem ser reaproveitadas em projetos do dia a dia. Está no ar em pet-sytem.netlify.app.

Want to talk about one of these projects?

If a post reminded you of a similar challenge, reach out — I love talking about product and code.

Get in touch

Keep reading