Creando Sistema de Votaciones + Autenticación a Twitch con Astro 4
445En este tutorial estaremos creando un Sistema de votaciones, Autenticación con Twitch usando Astro 4, esto y más en la página web de los Esland
Repositorio : https://github.com/midudev/esland-web
▶ No te pierdas más directos en: https://www.twitch.tv/midudev
▶ Comunidad chula: https://discord.com/invite/midudev
▶ Instagram: https://www.instagram.com/midu.dev/
▶ Twitter https://twitter.com/midudev
▶ Tiktok: https://www.tiktok.com/@midudev
00:00:00 - Qué hicimos anteriormente?
00:00:22 - masonry
00:01:05 - Script para Bajar la calidad de las imagenes
00:04:56 - Qué haremos?
00:07:14 - Auth con Twitch
00:08:02 - Instalando Auth-astro
00:08:57 - Configurar la auth-astro
00:09:51 - Creando las variables de entorno
00:10:59 - URL de redireccionamiento de OAuth
00:11:48 - Registrando la aplicación
00:13:33 - BREIKING NEWS: Hackearon a Resend
00:14:30 - Colocando las Variables de Entorno
00:15:23 - Colocando las 2 variables de entorno faltantes
00:17:37 - Consiguiendo la autentificación
00:19:21 - Creando un Inicio de Sesión
00:20:12 - Por qué midudev usa $?
00:20:44 - Creando el inicio de sesión
00:22:29 - Renderizado condicional sino ha iniciado sesión
00:22:57 - Cambiando el fondo
00:25:13 - Cómo crearemos las votaciones
00:25:32 - Creando el Sistema de Votaciones
00:27:45 - Creando estructura HTML y agregando estilos
00:28:44 - Creando una API
00:34:18 - Creando un endpoint
00:38:54 - Probando la API
00:41:34 - Agregando estilos
00:43:50 - Creando la navegación
00:45:30 - Creando la lógica de la navegación
00:49:35 - Preguntas de nuestros Radio Escuchas
00:52:06 - Agregando estilos a la navegación
00:54:11 - Haciendo las Votaciones
00:57:07 - Método with de JS
00:58:16 - Siguiendo con la lógica de votaciones
00:59:06 - Votos realizados
01:05:47 - Últimos cambios
01:07:02 - fin