# Crear un juego web de nombres y caras a partir de una hoja de cálculo > Scott Wu dio a Devin una lista de ponentes con fotos y obtuvo en minutos una web de preguntas con contador de rachas. - **Tipo:** Caso de uso - **Tema:** Programación - **Herramientas:** Devin - **Dificultad:** media - **Origen:** [ai.engineer](https://ai.engineer/talks/the-making-of-devin) - **En el directorio desde:** 3 de octubre de 2026 - **URL:** https://conqueia.com/caso/crear-un-juego-web-de-nombres-y-caras-a-partir-de-una-hoja-de-calculo ## A quién le sirve Organizadores de eventos, equipos y colegios que quieren un juego para poner nombre a las caras de un grupo; es un caso de programación, pero el encargo es sencillo y se hace en lenguaje normal. ## Qué hicieron Esa mañana, Scott Wu entregó a Devin un archivo TSV (una tabla de texto) con los nombres y las fotos de los ponentes de World's Fair y le describió el juego: dos caras al azar, un nombre, y hay que elegir la correcta. Devin planificó, creó una aplicación en React, leyó el archivo y publicó una primera versión tras unos minutos. Wu le dio entonces indicaciones en lenguaje normal: ocultar las etiquetas hasta responder, cambiar el estilo del botón de volver a jugar y añadir un contador de rachas. Devin construyó también la web del código QR. ## Cómo salió La web final funcionaba, con un contador de rachas que se reinicia con una respuesta equivocada y unos 170 ponentes. La primera versión mostraba los nombres bajo las fotos, lo que delataba la respuesta, porque Wu no lo había especificado con precisión. ## Conviene saber Cuenta con varias rondas de ajustes. El primer despliegue se acercaba pero no era correcto, y en la charla se le llama un ejemplo de juguete. ## Qué necesitas - Acceso a Devin, o a un constructor de aplicaciones como Replit Agent - Una hoja de cálculo con los nombres y las fotos o los enlaces a las fotos - El permiso de las personas para usar su foto - Un móvil para probar el juego ## Cómo hacerlo tú, paso a paso 1. Prepara una hoja de cálculo con una columna de nombres y otra con la foto o el enlace a la foto. 2. Describe el juego con precisión: se muestra una foto, hay varios nombres para elegir y se lleva la cuenta de la puntuación. 3. Di también qué no debe verse. En el caso, la primera versión mostraba el nombre bajo la foto y delataba la respuesta. 4. Pide que lo publique y que te enseñe el enlace antes de hacerlo público. 5. Pide los ajustes en lenguaje normal, como ocultar las etiquetas hasta responder, cambiar el botón de volver a jugar o añadir un contador de rachas. 6. Pide una página sencilla con un código QR que lleve al juego, para compartirlo en el evento. 7. Prueba el juego en tu móvil y hazlo público cuando estés conforme. ## Pruébalo con Devin ``` Crea una web de preguntas pensada para el móvil a partir de mi hoja de cálculo en [archivo o enlace], con columnas para [columna de nombre] y [columna de foto]. Muestra una foto, ofrece nombres como opciones de respuesta, lleva la cuenta de la puntuación y deja reintentar. Publícala y crea una página sencilla con un código QR que enlace al juego. Enséñame el enlace en vivo y espera mi aprobación antes de hacerlo público. Habrás terminado cuando el juego y el QR funcionen. ``` ## Consejos - Sé muy preciso en el primer encargo. Lo que no especificas, lo decide el agente. - Cuenta con varias rondas de ajustes. El primer despliegue se acercaba, pero no era correcto. - Pide permiso a las personas que salen en las fotos antes de publicar el juego. ## Preguntas frecuentes ### ¿Para qué sirve en un negocio? Para eventos, equipos nuevos o formación, donde conviene que la gente se reconozca. Es un ejemplo sencillo y se adapta, por ejemplo, para aprender productos. ### ¿Hace falta saber programar? No. En el caso se le dieron las indicaciones en lenguaje normal. ## Fuentes - [ai.engineer](https://ai.engineer/talks/the-making-of-devin) - [ai.engineer](https://ai.engineer/talks/T7NWjoD_OuY-making-devin) --- Fuente: conqueia.com/caso/crear-un-juego-web-de-nombres-y-caras-a-partir-de-una-hoja-de-calculo