Re:Zero starting life in another repositorio

TrailerPelis

Cartelera en la web: trailers, micro‑reseñas, reservas, etc.

---

🚀 Demo en vivo

🌐 Web de 'TrailerPelis'
(Optimizado para desktop y mobile)

---

Índice

• Visión general
• ✨ Características
• 🛠 Stack Técnico
• 📂 Estructura
• 🧪 Módulos
• 📌 Integraciones y APIs
• 🤝 Contributors
• 📜 Licencia

---

Visión general

• Propósito: Explorar trailers con una UI cinematográfica, micro‑interacciones fluidas y carga ligera.
• Filosofía: HTML semántico, CSS expresivo y JS modular. Performance sin sacrificar estilo.
• Audiencia: Cinéfilos, diseñadores de UI y devs que aman los detalles.

---

✨ Características

🎨 UI Cinematográfica	⚡ Rendimiento	🔍 Búsqueda Instantánea
Paleta contrastada, tipografía expresiva y transiciones suaves	Lazy loading, cache y optimización de assets	Filtrado por título, año o género con debounce

---

🛠 Stack Técnico

[ HTML5 ]───┐
            ├──► [ CSS3 + Variables + Grid/Flex ]
[ JS ES6 ]──┘
            └──► [ API Fetch + Router + LocalStorage ]

---

📂 Estructura del proyecto

Trailerpelis/
 ├─ index.html        # Estructura HTML
 ├─ script.js         # Scripts
 ├─ styles.css        # Estilos
 ├─ assets/           # Imágenes optimizadas (proximamente)
 └─ README.md         # Este archivo

---

🧪 Módulos experimentales

• 🎥 Mini‑player flotante (Picture‑in‑Picture/Youtube).
• ⚡ Prefetch inteligente de trailers.
• 🎭 Temas dinámicos.

---

📌 Integraciones y APIs

📈 Calidad

• Rendimiento: HTML+CSS+JS inicial ≤ 150 KB gz.
• SEO: Metadatos completos y Open Graph por ficha.
• Accesibilidad: Navegación por teclado y roles ARIA precisos.

---

🤝 Contributors

Luszczak

HugoAleOlguin

---

_{🎬 TrailerPelis — Código con alma de cine.}