Desarrollo de Velada: Autenticación, Frontend y Votos

·1h 38m

En esta sesión, se continúa avanzando en la plataforma web de la Velada, enfocándose en la implementación de la autenticación de usuarios y el nuevo sistema para realizar pronósticos de combates.

Avances en la Interfaz

Mejoras en el Diseño de Combates

• Se ha optimizado la visualización de los careos mediante el uso de clips de vídeo con efectos de desenfoque (blur) para mejorar la integración visual.
• Se está trabajando en la animación de los elementos al hacer scroll, permitiendo que el protagonismo pase del título a la información técnica de los luchadores.
• Se ha discutido la mejora de la jerarquía visual de la página de detalle de cada boxeador, moviendo información relevante como declaraciones a lugares más visibles.

Ajustes de Rendimiento y UI

• Se identificó un consumo excesivo de recursos por la carga prematura de iframes de YouTube; se planea corregir esto cargando los vídeos bajo demanda (lazy loading).
• Se debatió sobre la utilidad de añadir un indicador de progreso en el carrusel de luchadores para usuarios en dispositivos móviles.

Autenticación y Sistema de Pronósticos

"El mejor recurso para SEO es el oficial de Google Search Central channel".

Integración de Autenticación

• Se ha añadido AuthAstro con Twitch como proveedor único de inicio de sesión, debido a su facilidad de integración en Astro.
• Se han gestionado las variables de entorno necesarias para la configuración de OAuth, enfatizando la seguridad para evitar fugas de claves secretas.

Futuro del Sistema de Votación

• Se ha estructurado la futura página de pronósticos, que permitirá a los usuarios votar por sus favoritos.
• Se contempla el uso de AstroDB para almacenar los votos y, próximamente, la posibilidad de generar imágenes dinámicas para compartir en redes sociales los pronósticos realizados.

Temas

Astro Autenticación OAuth Twitch Velada Frontend Desarrollo Web AstroDB UX UI

Capítulos

7 chapters