.jpg)
Participé en el hackatón Kiroween y el resultado fue una mezcla entre juego y museo virtual. Construí Sesiones Espiritistas, una web interactiva que convierte folklore global y episodios oscuros de la historia en una experiencia que parece una conversación con el pasado. La idea fue sencilla: lograr que el usuario sienta que se comunica con algo antiguo, descubriendo mitos, rituales extraños y leyendas inquietantes mediante una interfaz que responde a sus elecciones.
La experiencia arranca con un mapa mundial interactivo. Al pulsar sobre un país el usuario entra en una de tres rutas temáticas: Cuentos del Pueblo para folclore y mitos, Secretos de la Corona para historia política y Libro del Mercader para historia económica. Cada ruta se despliega como un libro con páginas que se voltean de forma realista, con el detalle visual del papel curvándose y el sonido del giro. Cada página plantea una pregunta de opción múltiple sobre la tradición. Acertar permite avanzar; fallar provoca un giro dramático que devuelve el libro al principio, añadiendo tensión y un sentido de riesgo educativo.
Toda la atmósfera se potenció con efectos 3D de humo realizados con Three.js y react-three fiber, paisajes sonoros ambientales con llamadas de búho y aullidos lejanos, y un latido que se intensifica antes de responder. El objetivo fue que el aprendizaje sobre Baba Yaga o sobre rutas históricas no se sintiera como deberes. La mecánica de voltear páginas se implementó con react-pageflip y el mapa con react-simple-maps, mientras que la interfaz y el estilo corrieron con Tailwind CSS y la aplicación principal en Next.js y React con TypeScript. La calidad de código y formato se mantuvo con Biome.
Desde la perspectiva de desarrollo el uso de Kiro fue decisivo. Su flujo basado en especificaciones me obligó a diseñar la arquitectura antes de escribir código, usando patrones EARS y reglas de calidad INCOSE para evitar pérdidas de foco a horas intempestivas. Las tareas se fragmentaron en bloques manejables y la posibilidad de marcar actividades como opcionales permitió priorizar entregar antes que perseguir la perfección. Un sistema de hooks automatizó la documentación: un hook llamado README Beautifier embellecía el archivo con badges temáticos, diagramas y formato correcto cada vez que lo actualizaba, liberando tiempo de desarrollo real.
También diseñé reglas de dirección para el agente de Kiro que impidieron cambios automáticos de código sin orden explícita. Esto evitó refactors sorpresa y mantuvo el control cuando depuraba funciones sensibles. Entre los retos técnicos destacaron la política de autoplay de navegadores para audio, que resolvimos reutilizando el botón de mute como desbloqueador de sonido global, y la coreografía entre la API imperativa de FlipBook y el estado declarativo de React para que las animaciones no se rompieran ni se sintieran lentas.
La optimización de efectos visuales fue otro punto crítico. Efectos de partículas 3D pueden convertir la experiencia en una pesadilla térmica en hardware antiguo, así que detectamos capacidades WebGL, reducimos el conteo de partículas y aplicamos fallbacks CSS para mantener inmersión sin convertirlo en demo técnica.
Qué sigue: la versión actual cubre 19 países con tres rutas cada uno. Hay planes para ampliar países, añadir rutas, árboles de preguntas más profundos, logros, tablas de clasificación y más tipos de preguntas como ordenar cronologías o respuestas cortas. También hay trabajo pendiente en accesibilidad con modos de alto contraste, tamaños de texto ajustables y mejoras para lectores de pantalla. En paralelo se consideran optimizaciones de rendimiento como carga perezosa de datos, virtual scrolling y code splitting más agresivo.
En Q2BSTUDIO llevamos esta mentalidad a nuestros proyectos de software a medida y servicios de inteligencia artificial. Somos una empresa de desarrollo de software que crea aplicaciones a medida, integra soluciones de inteligencia de negocio y habilita agentes IA para empresas. Si busca desarrollar aplicaciones a medida o una solución multiplataforma puede conocer más en aplicaciones a medida y si le interesa cómo la inteligencia artificial potencia procesos empresariales visite nuestra página de inteligencia artificial.
Además ofrecemos servicios cloud aws y azure, ciberseguridad y pentesting, y proyectos de inteligencia de negocio y power bi para convertir datos en decisiones. Palabras clave que guían nuestro trabajo incluyen aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, inteligencia de negocio, ia para empresas, agentes IA y power bi.
En resumen, Sesiones Espiritistas demostró que el contenido educativo puede ser inmersivo y memorable, y que las herramientas potenciadas por IA pueden aumentar el control del desarrollador en lugar de reemplazarlo. Kiro aportó estructura y automatización, los hooks ahorraron tareas repetitivas y las reglas de dirección devolvieron el poder de decidir. En Q2BSTUDIO aplicamos la misma disciplina para ofrecer soluciones robustas y escalables en software a medida, inteligencia artificial y servicios cloud.
