La seguridad también es parte de la experiencia.

1. Validación de entradas

Los datos introducidos por los usuarios no deben considerarse confiables. Por eso, el formulario de reseñas establece campos obligatorios y límites de caracteres.

2. Protección contra XSS

Para mostrar los comentarios utilizamos textContent y métodos de creación de elementos del DOM, evitando insertar directamente contenido HTML proporcionado por los usuarios.

Esto ayuda a impedir que un comentario malicioso se interprete como código ejecutable.

3. Política de seguridad de contenido (CSP)

Configuramos una Content Security Policy para restringir el origen de los recursos que puede cargar el sitio, como scripts, estilos, imágenes y conexiones externas.

También se evita el uso de código JavaScript ejecutado mediante eval().

4. Encabezados HTTP de seguridad

El sitio utiliza encabezados HTTP para añadir capas de protección durante la navegación.

• Content-Security-Policy: limita los recursos permitidos.
• X-Content-Type-Options: evita la interpretación incorrecta de tipos MIME.
• X-Frame-Options: impide que el sitio sea cargado en marcos externos.
• Strict-Transport-Security: indica al navegador que utilice HTTPS.
• Referrer-Policy: controla la información de referencia compartida.
• Permissions-Policy: restringe el acceso a determinadas funciones del navegador.

5. Uso seguro de almacenamiento local

Las reseñas se guardan mediante localStorage. Este almacenamiento pertenece al navegador del usuario y puede ser modificado o eliminado desde el propio dispositivo.

Por esta razón, no se utiliza para guardar contraseñas ni información confidencial.

6. Consumo seguro de API

El catálogo obtiene información de una API externa mediante fetch(). Se comprueba que la respuesta sea correcta antes de procesar los datos y se manejan los posibles errores.

7. Protección de datos y credenciales

Cine Club no implementa autenticación ni cuentas de usuario. Por tanto, no almacena contraseñas ni credenciales de acceso.

El proyecto tampoco requiere exponer claves privadas en el código del navegador.

8. Limitaciones actuales

Cine Club es un sitio web estático. Las reseñas se almacenan localmente y no existe un servidor que realice validaciones adicionales ni una base de datos compartida.

Estas limitaciones deben considerarse antes de utilizar el proyecto como una aplicación de producción.