Juego de cartas del treinta y uno (2025)

Juego de cartas tradicional español construido SOLO con Vibe Coding

Juego de cartas del treinta y uno (2025)

Juego de cartas del treinta y uno (2025)

He creado un juego de cartas multijugador sin escribir ni una línea de código.

En 10 días he realizado un experimento: desarrollar una aplicación completa utilizando solo IA (Claude Code, Gemini y ChatGPT), siguiendo lo que se conoce como "vibe coding".
El reto: programar cero líneas yo mismo.

¿El resultado? Una versión online funcional del Treinta y uno, un juego de cartas que jugaba en la universidad.

Lo que he aprendido

✅ Es posible programar sin saber

La barrera de entrada se ha reducido dramáticamente. Aunque conocer programación y tener un entorno preparado ayuda mucho.

⚠️ Las alucinaciones son reales

Si no especificas muy concretamente qué quieres, la IA se inventa cosas. En mi caso: mecánicas de póker que no existían en el juego, sistemas de plantillas visuales que no había pedido...

🎯 Los cambios pequeños funcionan mejor

Iteraciones pequeñas = menos errores.

💰 Los tokens se agotan rápido

He tenido que alternar entre Claude Code, Gemini-cli y ChatGPT. Si sabes programar y ajustas pequeñas cosas, ahorras muchos tokens.

🔄 Git es imprescindible

Cuando la IA hace cosas raras, puedes volver atrás. Amigos que han probado el juego me han enviado capturas de pantalla bastante curiosas.

🧪 Los tests automáticos son clave

Pedir a la IA que genere tests y los pase en cada cambio evita muchos problemas (aunque hay que revisar que los tests sean correctos).

📱 El responsive es complicado

Hacer que funcionara bien tanto en móvil como en ordenador consumió muchos tokens. Las animaciones de las cartas, en cambio, salieron perfectas a la primera.

🐛 Errores en producción

Integré Sentry.io para capturar errores que aparecían en dispositivos de usuarios reales y que yo no veía en mi ordenador.

🚀 El despliegue automático ayuda

Tengo un servidor con Dokploy enlazado a GitHub que despliega automáticamente, al estilo Vercel/Netlify.

La conclusión más importante

Ahora que el juego es público y funcional, me parece arriesgado seguir desarrollando solo con IA. Cuando subes cambios, al poco tiempo alguien te envía una captura de pantalla con algo extraño y no sabes cómo ha pasado. Para añadir nuevas funcionalidades, creo que ya debería hacerlo yo para mantener el control.

El juego

El Treinta y uno es sencillo pero adictivo: cada jugador tiene 3 cartas y suma las del mismo palo para llegar a 31. Puedes cambiar una carta, todas, o pasar. Cuando alguien cree que tiene buena puntuación, puede cerrar y dar una última ronda a los demás.

Pruébalo tú mismo: https://trentau.albertsarle.com


Fecha de publicación: Septiembre 2025 Más detalles sobre el proceso y los aprendizajes en LinkedIn

Stack Tecnológico

  • HTML5 & CSS3
  • Vanilla JavaScript
  • Responsive Design
  • Touch Controls
  • Internationalization (i18n)

Características

  • Soporte multi-idioma (EN, ES, CA)
  • Interfaz optimizada para móvil
  • Reglas tradicionales del Treinta y uno
  • Oponentes IA con jugabilidad inteligente trentau.albertsarle.com

Tecnologías

Vibe Coding (Claude Code)HTML5 & CSS3Vanilla JavascriptResponsive designInternationalization (i18n)Dokploy

Logros

  • Hecho completamente con IA (Claude Code)