# AvanzaCast - Plataforma de Streaming en Vivo

## Descripción del Proyecto
AvanzaCast es una plataforma de streaming en vivo similar a StreamYard que permite:
- Transmisión multistream (YouTube, Facebook, Twitch, LinkedIn)
- Estudio virtual con WebRTC
- Chat en tiempo real
- Grabación y almacenamiento en la nube
- Gestión de invitados y colaboración
- Personalización de escenas con overlays y branding

## Stack Tecnológico
- **Frontend**: React 18 + Next.js 15
- **Styling**: Tailwind CSS
- **TypeScript**: Para tipado estático
- **Linting**: ESLint
- **Streaming**: WebRTC (próximamente)
- **Chat**: Socket.IO (próximamente)
- **Base de Datos**: PostgreSQL + Redis (próximamente)
- **Storage**: AWS S3 / MinIO (próximamente)
- **Transcoding**: FFmpeg (próximamente)

## Estructura del Proyecto
```
src/
├── app/                 # App Router (Next.js 13+)
│   ├── auth/           # Páginas de autenticación
│   ├── broadcasts/    # Panel de Transmisiones (antes dashboard)
│   ├── studio/         # Estudio virtual de streaming
│   ├── layout.tsx      # Layout principal
│   ├── page.tsx        # Página de inicio
│   └── globals.css     # Estilos globales
├── components/         # Componentes reutilizables
├── hooks/             # Custom hooks de React
└── lib/               # Utilidades y configuraciones
```

## Instrucciones de Desarrollo
- Seguir las convenciones de Next.js 15 (App Router)
- Usar TypeScript para tipado estático
- Implementar componentes modulares y reutilizables
- Priorizar la performance y UX para streaming en tiempo real
- Mantener código limpio y bien documentado
- El proyecto está configurado para ejecutarse con `npm run dev`

## Estado Actual del Proyecto
✅ **Configuración inicial completa**
- Estructura de archivos Next.js creada
- Páginas básicas implementadas (Home, Login, Register, Dashboard, Studio)
- Tailwind CSS configurado
- TypeScript configurado
- ESLint configurado
- Proyecto ejecutándose en http://localhost:3000

## Próximos Pasos de Desarrollo
1. Implementar autenticación real (NextAuth.js)
2. Configurar base de datos (PostgreSQL)
3. Implementar WebRTC para video streaming
4. Agregar Socket.IO para chat en tiempo real
5. Integrar APIs de plataformas de streaming
6. Implementar grabación de sesiones

## Features Principales del MVP
1. ✅ Estructura básica del proyecto
2. 🟡 Autenticación de usuarios
3. 🟡 Creación de transmisiones
4. 🟡 Estudio virtual básico con WebRTC
5. 🟡 Multistream a YouTube + Facebook
6. 🟡 Chat en tiempo real
7. 🟡 Grabación en la nube

Leyenda: ✅ Completado | 🟡 Pendiente | ❌ No iniciado