🎬 CineTrack

Watchlist personal de películas y series. Proyecto base del curso gratuito de TypeScript de Zeew Space.

👉 Curso completo: zeew.space/cursos/typescript

¿Qué hace?

• Añadir películas con título, año, género, rating y estado.
• Filtrar por estado (Pendientes / Viendo / Vistas).
• Estadísticas en vivo (total, vistas, pendientes, rating promedio).
• Persistencia en localStorage.

Cómo correrlo

No necesitas instalar nada para el proyecto base en JS. Solo abrí index.html con un servidor estático:

npx serve .

O usá la extensión Live Server de VS Code.

Estructura

curso-typescript/
├── index.html
├── styles.css
└── src/
    ├── main.js      → entry point, eventos del DOM
    ├── data.js      → datos semilla y labels
    ├── storage.js   → wrapper de localStorage
    ├── movies.js    → lógica CRUD (puro)
    ├── stats.js     → cálculo de estadísticas
    ├── ui.js        → render del DOM
    └── utils.js     → helpers (id, formato, fecha)

El curso

Durante el curso vamos a ir convirtiendo este proyecto a TypeScript, archivo por archivo, clase por clase. Al final vas a tener el mismo proyecto pero tipado, seguro y autocompletado.

Curso 100% gratuito en 👉 zeew.space/cursos/typescript

---

Hecho con 🍿 por Zeew Space.