Nunca había participado en una hackathon ni lo tenía en mente, pero en uno de los directos de Midudev, algo en su entusiasmo y en el ambiente me enganchó. Pensé: “¿por qué no probarlo?”. La hackathon era organizada por Midudev y Cloudinary, y tenía dos requisitos: el proyecto debía tener una temática de terror y aprovechar las herramientas de Cloudinary para la transformación de imágenes. Con esto en mente, nació SpookyTales.com.es.
La inspiración detrás de SpookyTales 🎃
SpookyTales es una aplicación interactiva donde los usuarios pueden subir una fotografía suya, que se va transformando en tiempo real gracias a la magia de la inteligencia artificial y de Cloudinary. A medida que avanza la historia de terror, la imagen se vuelve cada vez más espeluznante… hasta un final que seguro da un buen susto 😈. ¡Todo fue pensado para darle un toque interactivo y divertido!
Desafíos y soluciones técnicas 💻
Participar en solitario significaba enfrentarme a varios retos técnicos de principio a fin. La API de Cloudinary, que hasta ese momento no conocía, fue tanto una ventaja como un desafío. Aunque tiene muchas herramientas útiles para manipular imágenes (incluso puedo ver el potencial para proyectos de e-commerce), en momentos Cloudinary no devolvía las imágenes a tiempo, y tuve que idear soluciones para que el usuario no viera cortes, en este caso deje la responsibilidad de pedir todas las iamgenes al servidor, y una vez verificaba que todas habían llegado correctamente comenzaba la narrativa.
Para el desarrollo, utilicé Astro con componentes de Svelte para la web y Strapi como backend para almacenar las sesiones y las historias. Normalmente trabajo con PHP, pero me gusta aprovechar estas oportunidades para probar tecnologías nuevas y ver sus pros y contras.
Creando una experiencia inmersiva con Eleven Labs 🎙️
Para darle un toque aún más aterrador y hacer que la experiencia en SpookyTales fuera realmente inmersiva, decidí utilizar Eleven Labs para generar una narración de audio. La idea era que, mientras el usuario visualiza cómo su foto se transforma poco a poco, una voz contara una historia de terror en tiempo real. Esto no solo añadía una capa extra de suspense, sino que también hacía que el usuario se adentrara en el relato, creando una experiencia completa donde la imagen y el sonido trabajan juntos para un efecto escalofriante.
Un feedback inesperado 🎥
La experiencia se hizo aún más especial cuando vi que @afor_digital revisaba SpookyTales en su canal de Twitch. Hubo un momento de sorpresa con el “susto” en pantalla, y ver su reacción fue un subidón de ánimo. Aquí te dejo el clip por si quieres verlo:
Nunca había tenido la experiencia de un hackathon, y ha sido genial enfrentarme a un proyecto con requisitos específicos y con un plazo marcado fuera del ambito laboral. Esto me ayudó a salir de mi zona de confort y a ser más flexible al desarrollar.
Además, quiero seguir expandiendo SpookyTales, incluyendo más historias, historias largas o con entregas por capitulos y cuentas de usuario. ¡Quién sabe hasta dónde podrá llegar!
