Proyecto educativo que Integra la API de Twitch para iniciar transmisiones en vivo, login OAuth2, obtener información de streams, etc. Desarrollado como parte del aprendizaje en integración de APIs y desarrollo web moderno.
- 🔐 Autenticación con Twitch
- 📺 Visualización de streams en vivo
- 📊 Dashboard con estadísticas en tiempo real
- 🎯 Integración completa con la API de Twitch
- 📱 Diseño responsive y moderno
- Prerequisitos
- Clonar el repositorio
# Clonar en la carpeta htdocs de XAMPP
cd C:/xampp/htdocs
git clone https://github.com/hk4u-dxv/API-Twitch-for-Streaming.git
cd API-Twitch-for-Streaming
- Instalar dependencias
npm install
- Configurar variables de entorno
cp .env.example .env
# Editar .env con tus credenciales de Twitch
- Compilar assets
npm run dev
- Crear una aplicación en Twitch Developer Console
- Obtener Client ID y Client Secret
- Configurar URL de redirección:
http://localhost/API-Twitch-for-Streaming/callback.php
- Agregar las credenciales en el archivo
.env
TWITCH_CLIENT_ID=tu_client_id_aquí
TWITCH_CLIENT_SECRET=tu_client_secret_aquí
TWITCH_REDIRECT_URI=http://localhost/tu_nombre_de_la_app/callback.php
APP_DEBUG=true
APP_TIMEOUT=30
API-Twitch-for-Streaming/
├── assets/
│ ├── css/ # Estilos compilados y animaciones
│ └── js/ # Scripts de JavaScript
├── config/ # Configuración de la aplicación
├── includes/ # Clases y funcionalidades principales
│ ├── TwitchAPI.php
│ ├── TwitchAuth.php
│ └── TwitchStreams.php
├── .env # Variables de entorno
├── .env.example # Ejemplo de variables de entorno
├── index.php # Página principal
├── dashboard.php # Panel de control
└── README.md
- GitHub: @hk4u-dxv