You know that moment when you need to generate a CPF to test a form? Or when you need to validate a fake credit card in your development environment? Throughout my career as a developer, I always relied on different websites for these simple but essential daily tasks.
Each site had different layouts and user experiences, some good, others not so much. Thinking about creating something that centralizes these different tools with a simple interface and excellent user experience, I created the Código ao Ponto Developer Tools Hub, a completely free hub that brings together several tools in one place, which are straight to the point and work without the need to create an account.
What tools are available in the Hub?
Online Planning Poker
The most complete tool in the hub. Create a room, share the link with your team (no registration required), and everyone can vote simultaneously on task estimates.
The tool works in real-time with WebSocket - when someone votes, everyone sees it instantly. It has a session timer, participant list with status, and voting options beyond the traditional Fibonacci sequence.
It's the type of tool that comes in handy when your team needs to do Sprint Planning and can't find a quality, free Planning Poker.
CPF Generator and Validator
One of the most popular tools in the hub. The CPF Generator creates valid numbers instantly for use in testing environments. This access success is due to its good position in Google search result pages for the term "CPF Generator", ranging between second and fourth position.
As a complement, the CPF Validator was also created, which verifies if a number is structurally valid with immediate feedback.
Credit Card Generator and Validator
The Credit Card Generator allows you to select the brand (Visa, Mastercard, American Express, etc.) and creates complete fictitious data: card number, CVV, and expiration date. Each field has a quick copy button next to it.
The Credit Card Validator automatically identifies the brand and verifies if the number is structurally valid. Essential for testing payment flows.
Character and Word Counter
Counts in real-time as you type or paste text. Shows total characters, characters without spaces, number of spaces, and total words. Useful for respecting character limits in APIs or validating form fields.
Date Format Converter
Converts dates to the most commonly used formats in development: ISO String, Timestamp, and UTC String. You can use the current date/time or enter a specific date, with a quick copy button in the result.
WhatsApp Link Generator
Enter the phone number (with country code selection) and the desired message. The tool generates a direct link to open the conversation on WhatsApp, with real-time preview showing exactly how the message will appear, including formatting and emojis. Very useful for testing texts that will be used in those tasks where the user clicks "Contact via WhatsApp".
Design and Usability Decisions
Frictionless, No Barriers
The most important project decision was: no tool requires registration. This was non-negotiable from the start. Access, use, done.
For Planning Poker, which is collaborative, you can create rooms with shareable links. No login, no password, no hassle.
Clean and Intuitive Interface
Each tool follows a consistent visual pattern: input area on the left, result on the right, and clearly visible action buttons.
Below each tool, there's an educational section explaining use cases, practical examples, and how that tool can help in daily work. The idea is that even someone who has never used it can quickly understand its value.
Accessible in Portuguese and English
From the beginning, I implemented internationalization. The system automatically detects the browser language, but you can manually switch whenever you want.
Portuguese to serve the Brazilian community, English to reach developers worldwide. The architecture is prepared to easily add new languages.
Responsive and Fast
All these tools have their English versions with I18N and are tested with Lighthouse/PageSpeed Insights to ensure good loading performance and visual stability.
The minimum score target was 90 points on PageSpeed Insights across all categories, which is a big challenge, especially when using third-party scripts like Google Analytics and Google Adsense, but with proper optimizations, they deliver excellent loading speed.
The Stack Behind It
Nuxt 4 was chosen for the frontend for its focus on performance and SEO, very important aspects for good Google ranking.
For the backend, NestJS was chosen for its modular architecture and native WebSocket support, necessary for Planning Poker. It's also JavaScript-based, facilitating Full Stack development of the project.
What's Coming Next
The backlog has some interesting ideas:
- PWA version for offline use
- Sprint Retro for retrospective ceremonies
- More utilities as the community suggests
Want to Check It Out?
The tool has been helping hundreds of users daily, you can also be one of them by clicking here, I hope to help you, thank you very much 🙋🏻
Top comments (0)