Portal web para mostrar vídeos corporativos

Desarrollador: Alfred Mompó Peris
Proyecto: Portal de Videos Corporativos (Prototipo)
Fecha: 2025-10-06

---

Resumen

Prototipo funcional de portal web para mostrar vídeos corporativos, inspirado en YouTube.

El sistema consta de:

• Backend: desarrollado con Node.js + TypeScript + Express para exponer una API REST que gestiona la información de los vídeos. Se utiliza un archivo JSON (medias.json) como almacenamiento persistente. Incluye tests automatizados con Jest + Supertest.
• Frontend: Aplicación React + TypeScript que muestra un reproductor principal (mediante iframe), una galería de miniaturas y la selección dinámica del vídeo activo.

---

Estimación

• Tiempo: 1 día (~7h), cumplido.
• Dificultad leve: validación del endpoint /getmedias y URLs dinámicas.
• Pruebas automáticas con Jest + Supertest.

---

Backend

Tecnologías: Node.js v20.19.0, TypeScript, Express, UUID, CORS, Jest, Supertest
Carpeta: backend/src

Endpoints

• GET /getmedias — Lista de vídeos con rutas dinámicas.
• POST /addmedias — Añade nuevo vídeo.

Pruebas

Validan:

• Respuesta correcta en GET /getmedias.
• Creación exitosa con POST.
• Inclusión del nuevo media.

---

Frontend

Tecnologías: React.js + TypeScript + Vite
Carpeta: frontend/src

Funcionalidades

• Reproductor principal en iframe.
• Miniaturas que actualizan el vídeo activo.
• Diseño creativo y moderno con CSS cuidado.

---

Cómo iniciar

Backend

cd backend npm install npm run dev

Frontend

cd frontend npm install npm run dev

Pruebas backend

Desde backend/: npm test