Veredillas FM

Veredillas FM representa la evolución tecnológica de la radio escolar tradicional hacia una plataforma “Backend-as-a-Service” educativa. Concebida para superar las limitaciones de plataformas heredadas como Blogger, este proyecto se erige como un hub social dinámico que centraliza la difusión de contenidos y fomenta la interacción segura dentro de la comunidad educativa.

Arquitectura y Stack Tecnológico

El sistema se fundamenta en decisiones de ingeniería orientadas al rendimiento (Core Web Vitals), la seguridad y la soberanía de los datos:

• Frontend (Astro & TypeScript): Utilizando la “Islands Architecture”, el sitio entrega HTML estático por defecto (Zero JS), hidratando solo componentes interactivos como el reproductor de audio o el chat. Todo el código está tipado estrictamente con TypeScript para garantizar robustez y mantenibilidad.
• Base de Datos (MongoDB): Persistencia NoSQL para gestionar estructuras de datos flexibles como perfiles de usuario, comentarios y metadatos de episodios.
• Automatización (n8n & Oracle Cloud): Un servidor VPS auto-hospedado orquesta procesos de negocio complejos (envío de newsletters, verificación de emails) de manera asíncrona, desacoplando estas cargas del hilo principal de la aplicación.

Innovación Funcional

1. Sistema de Verificación de Comentarios de Doble Factor

Para moderar el contenido generado por usuarios (UGC) sin fricción excesiva, se implementó un protocolo seguro: el usuario comenta, el backend genera un token criptográfico y n8n envía un correo de validación vía Mailjet. El comentario solo se publica tras la confirmación, previniendo spam y abuso.

2. Experiencia “App-Like” en la Web

• Navegación Fluida: Transiciones de vista (View Transitions) que permiten navegar sin interrumpir la reproducción de audio.
• Command Palette: Búsqueda difusa (Fuzzy Search) accesible vía Ctrl+K para acceso instantáneo a contenidos.
• Diseño Glassmorphism: Interfaz moderna con efectos de desenfoque en tiempo real, modo oscuro adaptativo y animaciones fluidas.

3. Interactividad en Tiempo Real

La plataforma trasciende el consumo pasivo integrando características sociales vivas:

• Live Chat & Reacciones: Comunicación sincrónica durante estrenos con “Flying Emojis”.
• Optimistic UI: Actualizaciones de interfaz instantáneas que eliminan la percepción de latencia.

Infraestructura y Retos

Uno de los mayores desafíos fue la gestión de políticas CORS en un entorno distribuido. La comunicación entre el frontend (Serverless en Vercel) y el backend de automatización (VPS en Oracle Cloud) requirió una ingeniería de red precisa: análisis de rangos CIDR, whitelisting de IPs en la VCN de Oracle y ajuste fino de reglas en el WAF de Cloudflare para permitir el tráfico legítimo de automatización sin comprometer la seguridad perimetral.

Impacto

Veredillas FM no es solo un repositorio de audio; es una demostración empírica de cómo la convergencia de tecnologías modernas puede resolver problemas de comunicación reales. Provee a los alumnos una herramienta de expresión soberana, segura y tecnológicamente puntera.