De Gerente de Produção em Agência a Dev: Construí uma suíte com 32 ferramentas (PHP/JS Vanilla) para não depender mais de sites lentos
Olá, pessoal do TabNews! Tudo bem?
Meu nome é Carlos, atuo como Gerente de Produção Sênior na NuAto Comunicação. Tenho 25 anos de bagagem atendendo gigantes do varejo (supermercados, materiais de construção, drogarias e farmácias) e, apesar de não ser um desenvolvedor full-time, sempre estive envolvido com tecnologia (criei nosso ERP interno) e webdesign em geral.
No dia a dia da agência, minha equipe e eu perdíamos muito tempo caçando ferramentas online para tarefas simples: formatar um JSON, gerar UTMs em massa, calcular ROI de campanhas, converter PX para REM, gerar hashes, etc.
O problema? A maioria desses sites hoje está infestada de pop-ups, são lentos (carregam megabytes de frameworks JS para fazer um simples Base64) ou limitam o uso.
Decidi resolver isso com as próprias mãos. Voltei às raízes da web e construí a Toolbox Dev Design.
A Stack (Fugindo do Hype): Fui na contramão do que vejo muito hoje. Nada de React, Next.js, bundlers ou npm.
- Backend: PHP 8.3 puro (apenas para roteamento e micro-APIs, como descobrir o IP).
- Frontend: JavaScript Vanilla ES6 (processamento 100% client-side para privacidade e velocidade).
- Estilização: CSS Grid/Flexbox nativo. Zero custo de servidor para processamento.
O Resultado: Hoje temos 32 ferramentas rodando lisas, divididas em:
💻 Dev & Criptografia: Hashes (Argon2, Bcrypt), UUID, Formatadores SQL/JSON.
🎨 Design & UI: Contraste WCAG, CSS Shadows/Gradients, SVGO.
🚀 Marketing & SEO: UTM Builder em massa, Calculadora de ROI/ROAS, Gerador de Link WhatsApp.
Por que estou compartilhando aqui? Primeiro, porque o TabNews respira esse tipo de iniciativa "mão na massa". Segundo, porque o projeto está no ar e eu adoraria o feedback técnico e de usabilidade de vocês.
O que pode ser melhorado? Qual ferramenta faz falta no dia a dia de vocês e eu deveria adicionar no próximo lote?
🔗 Link do projeto: https://toolboxdevdesign.com.br/
O código não é open-source (ainda), pois o objetivo é monetizar via AdSense e usar como isca para captação de leads B2B para a agência, mas toda a lógica de client-side está aberta no navegador para quem quiser inspecionar e trocar uma ideia.
Um abraço e muito código limpo para nós!