Gané el DEV Challenge y creé una app para presumirlo

Convierte anuncios de ganadores en tarjetas visuales para redes con IA y React. Soluciones de desarrollo a medida, IA, BI y ciberseguridad en AWS/Azure.

15 sept 2025 • 3 min read • Q2BSTUDIO Team

Inteligencia-Artificial-

Acabo de ganar el Real-Time AI Agents Challenge y, como buen desarrollador, no me conformé con compartir un enlace frío en redes sociales. En lugar de eso construí una aplicación que transforma los anuncios de ganadores en tarjetas visuales listas para compartir, porque celebrar logros merece algo más que un link olvidable.

La idea surgió de una necesidad simple: compartir victorias no debería ser complicado. La herramienta lee la página de anuncio y la página del reto, extrae los ganadores, localiza badges oficiales y genera una imagen cuidada que capta la atención en Twitter, LinkedIn e Instagram. Todo ello con posibilidades de personalización para adaptar colores, temas y dimensiones según la plataforma o la marca personal.

Tecnologías utilizadas: React y TypeScript para una interfaz rápida y mantenible, integración con modelos de IA para parsear HTML no estructurado y detectar ganadores y badges, Tailwind CSS para diseño ágil y html-to-image para convertir el DOM en PNG. El resultado es un proceso automático que convierte una publicación técnica en una pieza visual que la gente quiere compartir.

En Q2BSTUDIO como empresa de desarrollo de software y aplicaciones a medida aprovechamos este tipo de soluciones para mostrar cómo la inteligencia artificial puede resolver problemas reales de comunicación y marketing técnico. Ofrecemos servicios de desarrollo de aplicaciones a medida y software a medida que incluyen desde agentes IA hasta integraciones con pipelines de despliegue y servicios en la nube.

Si tu objetivo es mejorar la visibilidad de tus proyectos o automatizar cómo presentas resultados técnicos, en Q2BSTUDIO contamos con experiencia en agentes IA, ia para empresas, servicios inteligencia de negocio y power bi para convertir datos en decisiones. También cubrimos necesidades de ciberseguridad y pentesting, y desplegamos infraestructuras seguras en servicios cloud aws y azure para garantizar escalabilidad y cumplimiento.

Funciones destacadas del generador de tarjetas: detección automática de ganadores, reconocimiento y descarga de badges oficiales, cuatro temas visuales para distintas audiencias, modal de personalización con ajustes finos y soporte para subir insignias corporativas. Todo orientado a que tus logros se vean profesionales y coherentes con la identidad de tu empresa o proyecto.

Si te interesa una solución a medida que combine automatización, IA y diseño, en Q2BSTUDIO podemos entregarla. Con experiencia en desarrollo de aplicaciones y software a medida, integramos agentes IA, pipelines de datos con Power BI y medidas de ciberseguridad para que tus herramientas no solo funcionen, sino que sean seguras y escalables. Además podemos desplegar todo en servicios cloud aws y azure según tus necesidades.

Moraleja: a veces las mejores herramientas nacen de una frustración personal. Lo que empezó como una necesidad para presumir una victoria se convirtió en una utilidad que cualquier participante puede usar para elevar su presencia online. Si quieres que te ayudemos a construir una solución similar, o a implementar agentes IA y proyectos de inteligencia de negocio, en Q2BSTUDIO estamos listos para escuchar tu reto y convertirlo en resultados tangibles.

Comparte tus victorias con estilo y convierte datos en historias visuales que importan. Si quieres más información sobre nuestros servicios o ver ejemplos, contacta con nuestro equipo y hablamos de cómo llevar tu proyecto al siguiente nivel.

A BREAK?

Play for a moment before you go

OUR SERVICES

How we can help you

Artificial intelligence

AI agents, chatbots, and intelligent assistants that automate tasks and serve your customers 24/7 to improve the efficiency of your business.

More info

Software Development

Web, mobile, and desktop applications, intranets, e-commerce, SaaS, and management platforms designed for your company's specific needs.

More info

Cloud services

Migration, infrastructure, managed hosting, high availability, and security on Microsoft Azure and Amazon Web Services to help your business scale without limits.

More info

Cybersecurity and pentesting

Security audits, penetration testing and protection of applications, data and infrastructure on-premise and cloud, with ethical hacking and regulatory compliance.

More info

Business Intelligence

Dashboards and data analysis with Power BI: we integrate your sources, design dashboards and KPIs and turn your data into decisions.

More info

Process automation

We automate repetitive tasks and connect your applications with n8n, Power Automate, Make, and RPA, eliminating manual work and increasing productivity.

More info

Training for Companies

We train your teams in technology with criteria: web development, databases, Git, best practices and security, automation with n8n, artificial intelligence for companies and creation of AI solutions with Azure AI Foundry.

More info

Code Auditing

We audit the code that you, your team or an AI create: we tell you what is good and what to improve, we secure it and make it ready for production, web or app.

More info

AI Image Generation

We create for you the images that your business needs with artificial intelligence: product, networks, advertising, illustration and avatars. You tell us what you want and we deliver it ready to use.

More info

AI Video Generation

We create videos with artificial intelligence for you: promotional, networking, virtual presenters, dubbing and animations. You tell us the idea and we will deliver it assembled and ready to publish.

More info

AI Conversational Avatars

We create conversational avatars with AI – digital humans with a face and voice – that serve your customers and teams with the knowledge of your company, on your website, interactive monitors, WhatsApp or Teams.

More info

Online Marketing and AI

Google Ads, Meta Ads, LinkedIn Ads and AI Engine Positioning (GEO/AEO): we attract customers and make your brand appear where they search for you, also on ChatGPT, Gemini and Perplexity.

More info

Do you have a project in mind?

Tell us your vision and we'll turn it into a software solution. Whatever the scope, we make your idea real.