[{"data":1,"prerenderedAt":236},["ShallowReactive",2],{"sideproject-es-juego-cartas-treintayuno":3},{"id":4,"title":5,"body":6,"date":208,"description":209,"extension":210,"featured":211,"image":212,"locale":213,"meta":214,"navigation":225,"order":226,"path":227,"repo":228,"seo":229,"status":230,"stem":231,"technologies":232,"url":228,"__hash__":235},"sideprojects\u002Fes\u002Fsideprojects\u002Fjuego-cartas-treintayuno.md","Juego de cartas del treinta y uno (2025)",{"type":7,"value":8,"toc":190},"minimark",[9,13,17,33,38,43,46,50,53,57,60,64,67,71,74,78,81,85,88,92,95,99,102,106,109,113,116,129,132,145,149,168,172],[10,11,5],"h1",{"id":12},"juego-de-cartas-del-treinta-y-uno-2025",[14,15,16],"p",{},"He creado un juego de cartas multijugador sin escribir ni una línea de código.",[14,18,19,20,23,24,26,28,29,31],{},"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\".",[21,22],"br",{},"\nEl reto: programar cero líneas yo mismo.",[21,25],{},[21,27],{},"\n¿El resultado? Una versión online funcional del Treinta y uno, un juego de cartas que jugaba en la universidad.",[21,30],{},[21,32],{},[34,35,37],"h2",{"id":36},"lo-que-he-aprendido","Lo que he aprendido",[39,40,42],"h3",{"id":41},"es-posible-programar-sin-saber","✅ Es posible programar sin saber",[14,44,45],{},"La barrera de entrada se ha reducido dramáticamente. Aunque conocer programación y tener un entorno preparado ayuda mucho.",[39,47,49],{"id":48},"️-las-alucinaciones-son-reales","⚠️ Las alucinaciones son reales",[14,51,52],{},"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...",[39,54,56],{"id":55},"los-cambios-pequeños-funcionan-mejor","🎯 Los cambios pequeños funcionan mejor",[14,58,59],{},"Iteraciones pequeñas = menos errores.",[39,61,63],{"id":62},"los-tokens-se-agotan-rápido","💰 Los tokens se agotan rápido",[14,65,66],{},"He tenido que alternar entre Claude Code, Gemini-cli y ChatGPT. Si sabes programar y ajustas pequeñas cosas, ahorras muchos tokens.",[39,68,70],{"id":69},"git-es-imprescindible","🔄 Git es imprescindible",[14,72,73],{},"Cuando la IA hace cosas raras, puedes volver atrás. Amigos que han probado el juego me han enviado capturas de pantalla bastante curiosas.",[39,75,77],{"id":76},"los-tests-automáticos-son-clave","🧪 Los tests automáticos son clave",[14,79,80],{},"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).",[39,82,84],{"id":83},"el-responsive-es-complicado","📱 El responsive es complicado",[14,86,87],{},"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.",[39,89,91],{"id":90},"errores-en-producción","🐛 Errores en producción",[14,93,94],{},"Integré Sentry.io para capturar errores que aparecían en dispositivos de usuarios reales y que yo no veía en mi ordenador.",[39,96,98],{"id":97},"el-despliegue-automático-ayuda","🚀 El despliegue automático ayuda",[14,100,101],{},"Tengo un servidor con Dokploy enlazado a GitHub que despliega automáticamente, al estilo Vercel\u002FNetlify.",[34,103,105],{"id":104},"la-conclusión-más-importante","La conclusión más importante",[14,107,108],{},"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.",[34,110,112],{"id":111},"el-juego","El juego",[14,114,115],{},"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.",[14,117,118,122,123],{},[119,120,121],"strong",{},"Pruébalo tú mismo:"," ",[124,125,126],"a",{"href":126,"rel":127},"https:\u002F\u002Ftrentau.albertsarle.com",[128],"nofollow",[130,131],"hr",{},[14,133,134,138,139],{},[135,136,137],"em",{},"Fecha de publicación: Septiembre 2025","\nMás detalles sobre el proceso y los aprendizajes en\n",[124,140,144],{"href":141,"rel":142,"title":143},"https:\u002F\u002Fwww.linkedin.com\u002Fposts\u002Falbertsarle_trenta-u-joc-de-cartes-tradicional-activity-7378337323106684928-iaK1?utm_source=share&utm_medium=member_desktop&rcm=ACoAAAB9lcYBciVgZN6qZ9kz7lNq8aDDgVsJMEQ",[128],"Linkedin","LinkedIn",[10,146,148],{"id":147},"stack-tecnológico","Stack Tecnológico",[150,151,152,156,159,162,165],"ul",{},[153,154,155],"li",{},"HTML5 & CSS3",[153,157,158],{},"Vanilla JavaScript",[153,160,161],{},"Responsive Design",[153,163,164],{},"Touch Controls",[153,166,167],{},"Internationalization (i18n)",[10,169,171],{"id":170},"características","Características",[150,173,174,177,180,183],{},[153,175,176],{},"Soporte multi-idioma (EN, ES, CA)",[153,178,179],{},"Interfaz optimizada para móvil",[153,181,182],{},"Reglas tradicionales del Treinta y uno",[153,184,185,186],{},"Oponentes IA con jugabilidad inteligente\n",[124,187,189],{"href":126,"rel":188,"title":189},[128],"trentau.albertsarle.com",{"title":191,"searchDepth":192,"depth":192,"links":193},"",2,[194,206,207],{"id":36,"depth":192,"text":37,"children":195},[196,198,199,200,201,202,203,204,205],{"id":41,"depth":197,"text":42},3,{"id":48,"depth":197,"text":49},{"id":55,"depth":197,"text":56},{"id":62,"depth":197,"text":63},{"id":69,"depth":197,"text":70},{"id":76,"depth":197,"text":77},{"id":83,"depth":197,"text":84},{"id":90,"depth":197,"text":91},{"id":97,"depth":197,"text":98},{"id":104,"depth":192,"text":105},{"id":111,"depth":192,"text":112},"2025-09-28T12:00:00Z","Juego de cartas tradicional español construido SOLO con Vibe Coding","md",false,"https:\u002F\u002Fres.cloudinary.com\u002Fdnyvmvkqi\u002Fimage\u002Fupload\u002Fc_scale,f_auto,q_auto,w_900\u002Fv1759147745\u002Ftrentau_mobile_bdpxfp.png","es",{"slug":215,"type":216,"categories":217,"tags":218,"achievements":223,"liveUrl":126},"juego-cartas-treintayuno","sideproject",[216],[219,220,155,221,222,167],"Vibe Coding","Claude Code","Vanilla Javascript","Responsive design",[224],"Hecho completamente con IA (Claude Code)",true,1,"\u002Fes\u002Fsideprojects\u002Fjuego-cartas-treintayuno",null,{"title":5,"description":209},"published","es\u002Fsideprojects\u002Fjuego-cartas-treintayuno",[233,155,221,222,167,234],"Vibe Coding (Claude Code)","Dokploy","muldnb5NT6EQaaauJbaUFgCHklrPJrMVce8NXB4Sqoc",1779354921613]