Astro · 2026
Invitación Interactiva para Película y Aplicación con Webhooks
Technologies
- Node.js
- TypeScript
- Discord API
- Tailwind CSS
Links
Aplicación web de carta interactiva con parser de emojis personalizados (:nombre:), temas configurables y notificaciones backend vía webhooks de Discord sin exponer credenciales. Desplegable en VPS/Node.js.
Sobre el proyecto
Es una aplicación web interactiva hecha con Astro pensada como una propuesta creativa para invitar a alguien a ver una película. Es un proyecto personal que combina un diseño cuidado con interacciones dinámicas en el frontend y una lógica de notificaciones en el backend.
Lo más importante
Cuenta con un flujo interactivo que incluye un botón "No" que huye del cursor, animaciones con confeti, un formulario de broma y un sistema propio para renderizar emojis personalizados mediante texto. Todo es completamente configurable desde un único archivo (colores, temas, textos e imágenes) y cuenta con un endpoint en el servidor que envía una notificación automática a un canal de Discord cuando se acepta la invitación, manteniendo la URL del webhook 100% oculta del navegador.
Stack técnico
Desarrollado con Astro y TypeScript, estilizado con Tailwind CSS y configurado con el adaptador de Node.js para poder desplegarlo en cualquier servidor VPS o contenedor Docker sin depender exclusivamente de plataformas como Vercel.
Resultado
Demuestra cómo crear experiencias web atractivas y bien pulidas aplicando buenas prácticas de desarrollo: código limpio, separación de credenciales en el servidor y una arquitectura ligera lista para producción.