Mi divertido proyecto navideño para este año
Resumen ejecutivo: North Pole Library es una aplicación web moderna impulsada por inteligencia artificial que permite crear historias de Navidad personalizadas para niños. La plataforma solicita datos básicos como nombre del niño, edad y tema, gestiona el pago de forma segura y entrega en minutos un libro digital completamente ilustrado, narrado e interactivo.
Arquitectura y pila tecnológica: El sistema se basa en una arquitectura serverless con frontend desacoplado y un backend orientado a eventos orquestado por n8n. El frontend está desarrollado con React y Vite usando TypeScript para garantizar seguridad de tipos y rendimiento. La interfaz emplea Tailwind CSS para un diseño responsive mobile first y Framer Motion para animaciones complejas como efectos de nieve, transiciones de página y el componente FlipBook que simula la lectura física. La gestión del estado global se realiza con React Context API y el frontend está optimizado para despliegue en el edge, por ejemplo en Vercel.
Backend y almacenamiento: Supabase actúa como backend-as-a-service proporcionando una base de datos PostgreSQL donde la tabla de historias es la fuente de verdad, almacenando los datos de entrada del usuario, el estado del pedido y el contenido JSON estructurado de la historia. Un bucket de almacenamiento mantiene los assets generados como imágenes y archivos MP3 para persistencia a largo plazo y entrega vía CDN. El frontend consulta el estado en tiempo real para ofrecer retroalimentación en la sala de espera mientras la IA genera el contenido.
Flujos principales y automatización: El núcleo de la aplicación es una canalización de automatización orientada a eventos gestionada por n8n que coordina pagos, generación por IA y actualizaciones de base de datos. En el flujo de pago el usuario crea el borrador mediante el componente CreateStoryFlow, se crea un registro con estado pending_payment y se redirige a una sesión de Stripe Checkout pasando el ID de la historia como client_reference_id para vincular el pago con la solicitud.
Pipeline de generación: Tras el pago exitoso Stripe lanza un webhook que activa el workflow en n8n. Se recuperan los detalles pendientes desde Supabase y se solicita a un modelo de lenguaje grande que escriba una historia creativa multi página basada en la edad, el nombre y el tema. El resultado viene estructurado en JSON con texto por página y prompts para ilustraciones. Para cada página se invoca un servicio de generación de imágenes que produce ilustraciones consistentes y con un estilo homogéneo. Paralelamente, el texto se envía a un motor TTS para generar narración de alta calidad. Todos los archivos multimedia se suben a Supabase Storage, se generan URLs públicas y se inyectan en la estructura JSON de la historia. Finalmente la historia se marca como completed en la base de datos.
Entrega y experiencia de usuario: El flujo automatizado envía un correo HTML localizado en inglés u húngaro con el enlace directo a la historia; el frontend detecta el estado completado y abre automáticamente el FlipBook interactivo para que el usuario disfrute la experiencia completa.
Características clave: automatización completa desde el pago hasta la entrega sin intervención manual, producto multimodal que combina texto, imágenes y audio, soporte de localización para múltiples idiomas y escalabilidad durante picos de demanda gracias al uso de servicios serverless y workflows asíncronos.
Sobre Q2BSTUDIO: En Q2BSTUDIO somos una empresa de desarrollo de software que crea aplicaciones a medida y software a medida adaptado a las necesidades de cada cliente. Somos especialistas en inteligencia artificial y ofrecemos soluciones de ia para empresas, agentes IA y servicios de automatización que permiten transformar ideas en productos escalables. También brindamos servicios cloud aws y azure para desplegar infraestructuras seguras y eficientes y contamos con experiencia en ciberseguridad y pentesting para proteger las aplicaciones y los datos de nuestros clientes. Nuestro equipo desarrolla además servicios inteligencia de negocio y soluciones con power bi para explotar los datos y mejorar la toma de decisiones.
Si busca apoyo para proyectos similares a North Pole Library podemos ayudar a diseñar la arquitectura, integrar modelos de lenguaje, generar contenidos multimodales y automatizar procesos. Conozca nuestras capacidades en Inteligencia artificial y en despliegues en la nube revisando nuestros servicios de servicios cloud aws y azure. En Q2BSTUDIO ofrecemos soluciones completas que abarcan desde la consultoría inicial hasta el mantenimiento y la monitorización, siempre centrados en calidad, seguridad y escalabilidad.
Palabras clave integradas: aplicaciones a medida, software a medida, inteligencia artificial, ciberseguridad, servicios cloud aws y azure, servicios inteligencia de negocio, ia para empresas, agentes IA, power bi.
Comentarios