Radio.marcos

La idea de la radio nace con mis primeras incursiones con el vibe coding. Hace poco había cambiado de trabajo, y en este nuevo tenían una plataforma desarrollada en Lovable. Nunca había tocado esa herramienta, y me tocaba hacer ajustes en unos parámetros que permitían a la plataforma hacer un cálculo.

Al estar trasteando y ver que era relativamente "fácil", se me ocurrió tratar de hacer un proyecto propio. Una idea y una IA, a ver qué tan lejos podía llegar.

Siempre me ha gustado mucho la música y, para los que me conozcan, sabrán que incluso en la oficina acostumbro a llevar auriculares y escucharla mientras trabajo.

Ya tenía la idea sonando en mi cabeza, crear una radio y subirla a mi web para que todos pudieran escuchar la misma música que yo, sin que tuvieran que estar cerca. Sí, sé que en Spotify existen las jams, pero yo quería algo más personal y personalizado.

Empecé a hacer mis primeros wireframes de cómo se podría ver la interfaz, hasta llegar a un resultado con el que estar contento. Una radio minimalista y limpia, inspirada en los diseños de Dieter Rams, pero dándole el toque de mi "personal branding".

Ya tenía cómo se iba a ver, pero me faltaba hacerlo funcionar. ¿Qué IA iba a ser la afortunada de acompañarme en esta aventura?

Figma Make fue la respuesta y la solución más cómoda. Estaba a un simple clic de pasar mi diseño a mi nuevo compañero de laboratorio, y así lo hice.

Envié a Figma Make mi diseño de interfaz, y junto a él un texto largo especificando qué quería hacer.

Realmente no tenía claro si podríamos hacerlo funcionar. ¿Sería posible vincular mi cuenta de Spotify para que en la interfaz se mostrara lo que estaba escuchando?

Por suerte para mí, mi compañero tiene mucho más conocimiento y me fue guiando paso a paso. Spotify dev mode... Un poco de Google App Script... y poco a poco iba cogiendo forma.

Pero me di cuenta, que Spotify no dejaba que sonara la música en el navegador debido a sus restricciones. Así que me desmotivé un poco, pero decidí buscarle una solución. Si no pueden escucharlo desde mi web, les redirigiré a Spotify para que puedan escuchar lo que está sonando, y así salí del paso con un simple botón.

 Sin embargo, la sincronización era imperfecta, iba retrasada. Las letras empujaban la interfaz hacia arriba y este quedaba cortado. El responsive fallaba. No mostraba las canciones previas... Funcionaba, pero mal. Así que la aventura no había acabado, además habían algunos elementos visuales que me chirriaban y también quería modificarlos.

Por suerte para mí, los cambios visuales eran sencillos y eso podía hacerlo incluso yo mismo sin ayuda modificando el código que ya estaba creado. Pero para el resto tocó preguntarle a mi compañero. ¿Cómo arreglábamos estos otros fallos?

Y así entre la planificación, el diseño y el desarrollo ya habían pasado 3 tardes.

Ya estaba listo, funcionaba y solo quedaba publicarlo en la web. ¿Pero quería realmente tenerlo en mi web? ¿O quería que tuviera una web propia?

Así que me puse a mirar posibles soluciones. ¿Dónde podía subirlo?, que tuviera dominio personalizado y que no me cobraran por el alojamiento.

Así que investigando encontré Netlify. Solo tenía que subir mi archivo, configurar las DNS y ya tenía una web con alojamiento y un subdominio funcional.

Y es ahí donde ahora podéis ver qué estoy escuchando.

La radio funciona, parcialmente, ya que al no sonar la música, más que una radio es una web para cotillear qué escucho sin tener que preguntarme.

Pero más allá de esa conclusión, saco un aprendizaje. Hoy en día existe un amplio debate sobre el uso de las IAs. Nunca he estado muy a favor de ellas en cuanto al ámbito del diseño y la creatividad, pero es innegable que son una herramienta muy útil para aprender.

Sé con seguridad que un desarrollador no habría tenido tantos quebraderos como yo con la IA, ya que a veces no nos entendíamos, o ella me pedía que hiciera cosas complejas que escapaban a mis conocimientos. 

Seguramente alguien revisará mi código y verá todas las anotaciones e imperfecciones de este.

La IA no debe sustituir a nadie, al menos no en proyectos profesionales y serios. Y recalco la palabra sustituir, ya que sí creo que puede servir de ayuda a agilizar ciertos procesos o para aprender.