Executando verificação de segurança...
2

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!

Carregando publicação patrocinada...
1
1

Muito obrigado pelo feedback!

Fico muito feliz que tenha gostado do projeto.
E que sugestão excelente! Uma Calculadora de Teste A/B, é uma dor real no dia a dia de quem trabalha com CRO e tráfego pago na agência.

Como a ideia é manter tudo rodando rápido e no client-side, a matemática por trás disso em JS Vanilla vai ser um desafio bem legal de implementar.

Já adicionei essa ideia no topo do nosso backlog e com certeza ela vai entrar no próximo lote de ferramentas de Marketing.

Muito obrigado por enviar as referências também, vão ajudar bastante na hora de montar a lógica.

Um abraço!

0
1

Com certeza, tenho outras iniciativas, que assim como essa vão enriquecer meu dia-a-dia com produtividade máxima. Obrigado pela força. Até breve.