Criei um Hub de Ferramentas Web Gratuitas para Devs

Sabe aquele momento em que você precisa gerar um CPF para testar um formulário? Ou quando precisa validar um cartão de crédito fake no ambiente de desenvolvimento? Durante minha carreira como dev, sempre recorria a diferentes sites para essas tarefas simples, mas essenciais do dia a dia.

Cada site possuía diferentes layouts e experiências de usuário, algumas boas, outras não. Pensando em criar algo que centralize essas diferentes ferramentas com uma interface simples e com excelente experiência de usuário, que criei o Hub de Ferramentas para programadores do Código ao Ponto, um hub totalmente gratuito que reúne várias ferramentas em um único local, que são diretas ao ponto e que funcionam sem a necessidade de criar um cadastro.

Quais ferramentas estão disponíveis no Hub?

Planning Poker Online

A ferramenta mais completa do hub. Crie uma sala, compartilhe o link com o time (sem necessidade de cadastro), e todos podem votar simultaneamente nas estimativas de tarefas.

A ferramenta funciona em tempo real com WebSocket - quando alguém vota, todos veem instantaneamente. Tem temporizador da sessão, lista de participantes com status, e opções de votação além da sequência tradicional de Fibonacci.

É o tipo de ferramenta "mão na roda" quando seu time precisa fazer uma Sprint Planning e não encontra um Planning Poker de qualidade e gratuito.

Gerador e Validador de CPF

Uma das ferramentas mais populares do hub. O Gerador de CPF cria números válidos instantaneamente para uso em ambientes de teste. Esse sucesso de acessos se deu devido à sua boa posição nas páginas de resultado de pesquisa do Google para o termo "Gerador de CPF", variando entre a segunda e quarta posição.

Como complemento, também foi criado o Validador de CPF que verifica se um número é válido estruturalmente com feedback imediato.

Gerador e Validador de Cartão de Crédito

O Gerador de cartão de crédito permite selecionar a bandeira (Visa, Mastercard, American Express, etc.) e cria dados fictícios completos: número do cartão, CVV e data de validade. Cada campo tem um botão de cópia rápida ao lado.

O Validador de cartão de crédito identifica automaticamente a bandeira e verifica se o número é estruturalmente válido. Essencial para testar fluxos de pagamento.

Contador de Palavras e Caracteres

Conta em tempo real enquanto você digita ou cola texto. Mostra caracteres totais, caracteres sem espaços, número de espaços e total de palavras. Útil para respeitar limites de caracteres em APIs ou validar campos de formulário.

Conversor de Formato de Data

Converte datas para os formatos mais usados em desenvolvimento: ISO String, Timestamp e UTC String. Você pode usar a data/hora atual ou inserir uma data específica, com botão de cópia rápida no resultado.

Gerador de Link do WhatsApp

Insira o número de telefone (com seleção de código do país) e a mensagem desejada. A ferramenta gera um link direto para abrir a conversa no WhatsApp, com pré-visualização em tempo real mostrando exatamente como a mensagem vai aparecer, incluindo formatações e emojis. Muito útil para testar os textos que serão usados naquelas tarefas em que o usuário clica em "Entrar em contato pelo Whatsapp".

Decisões de design e usabilidade

Sem fricção, sem barreiras

A decisão mais importante do projeto foi: nenhuma ferramenta exige cadastro. Isso foi não-negociável desde o início. Acesse, use, pronto.

Para o Planning Poker, que é colaborativo, você pode criar as salas com links compartilháveis. Sem login, sem senha, sem complicação.

Interface limpa e intuitiva

Cada ferramenta segue um padrão visual consistente: área de input à esquerda, resultado à direita, e botões de ação bem visíveis.

Abaixo de cada ferramenta, tem uma seção educativa explicando casos de uso, exemplos práticos e como aquela ferramenta pode ajudar no dia a dia. A ideia é que mesmo quem nunca usou entenda rapidamente o valor.

Acessível em português e inglês

Desde o início, implementei internacionalização. O sistema detecta automaticamente o idioma do navegador, mas você pode trocar manualmente quando quiser.

Português para atender a comunidade brasileira, inglês para alcançar desenvolvedores do mundo todo. A arquitetura está preparada para adicionar novos idiomas facilmente.

Responsivo e rápido

Todas essas ferramentas possuem suas versões em Inglês com o I18N e são testadas com o Lighthouse/PageSpeed Insights para garantir boa performance de carregamento e estabilidade visual.

A como meta mínima de pontuação foi de 90 pontos no PageSpeed Insights em todas as categorias, o que é um grande desafio, especialmente quando se usa scripts de terceiros como Google Analytics e Google Adsense, mas que fazendo as devidas otimizações, entregam uma ótima velocidade de carregamento.

A stack por trás

O Nuxt 4 foi escolhido no frontend pelo seu foco em performance e SEO, aspectos muito importantes para ser bem ranqueado pelo Google.

No backend, foi escolhido o NestJS pela sua arquitetura modular e suporte nativo a WebSocket, necessário para o Planning Poker. Além de também ser em JavaScript, facilitando o desenvolvimento Full Stack do projeto.

O que vem por aí

O backlog tem algumas ideias interessantes:

• Versão PWA para uso offline
• Sprint Retro para cerimônias de retrospectiva
• Mais utilitários conforme a comunidade for sugerindo

Quer conhecer?

A ferramenta tem ajudado centenas de usuários diariamente, você também pode ser um deles Clicando aqui, espero te ajudar, muito obrigado 🙋🏻