🎬 EnterCinema [Vue.js - Django Rest Framework]

🎬 EnterCinema [Vue.js - Django Rest Framework]

Una plataforma avanzada para descubrir contenido multimedia, desarrollada con Vue.js y Django Rest Framework, que optimiza la experiencia de elegir entretenimiento. Destaca por su chatbot contextual y memoria persistente para consultas en lenguaje natural, sistema de recomendaciones personalizadas, administración de perfiles de usuario, filtros avanzados e integración con los principales servicios de streaming.



  • Integración Backend de Python: EnterCinema integra un backend desde Django Rest Framework para el registro y la autenticación de los usuarios, garantizando una seguridad mejorada y control de acceso a través del Panel de Administración de Django. El sistema de autenticación ahora admite tanto la autenticación tradicional basada en DRF como Google OAuth, permitiendo a los usuarios iniciar sesión con sus cuentas de Google.
Guía GIF
  • Gestión Integral de Perfiles de Usuario: Los usuarios tienen un control completo sobre sus perfiles, con la capacidad de guardar sus películas y series de televisión favoritas, personalizar sus preferencias de entretenimiento y acceder fácilmente a la configuración de la cuenta. La inclusión de un menú de perfil de usuario tanto en la página principal como en la de perfil mejora aún más la interacción del usuario, proporcionando un acceso sencillo a las opciones de autenticación y personalización de la cuenta, incluye los cambios de avatar.
Guía GIF
  • Búsqueda Avanzada: Se implementó la funcionalidad avanzada de búsqueda por año, género y clasificación. Esta mejora permite al usuario filtrar las consultas de búsqueda de manera más precisa, facilitando encontrar exactamente lo que está buscando.
Guía GIF
  • Asistente “Preguntar a IA”: Chatbot integrado que maneja consultas en lenguaje natural sobre cine y series de televisión, permitiendo preguntas complejas y ofreciendo recomendaciones de contenido personalizadas basadas en las preferencias del usuario.
Asistente IA
  • Función de Pregunta Diaria: Una pregunta diaria rotativa sobre cine que fomenta la interacción y el descubrimiento de contenido. El sistema selecciona preguntas predefinidas según la fecha, invitando a los usuarios a explorar nuevos aspectos del cine.

  • Sistema Integral de Valoraciones: Los usuarios ahora pueden valorar y reseñar elementos directamente desde su lista de seguimiento a través de un modal dinámico sin salir de la página. Un modal centralizado de elementos valorados con pestañas para diferentes tipos de contenido permite una gestión fácil de todas las valoraciones.

Sistema de Valoración
  • Relevancia de Búsqueda Mejorada: Detección avanzada de “entidad principal” impulsada por IA que analiza las consultas para identificar si el usuario está buscando una persona, una película o una serie, priorizando resultados con un sofisticado algoritmo de relevancia.

  • Página de ‘Próximos Estrenos’: Esta sección renovada presenta un nuevo carrusel con una vista ampliada de 180 días de pasados/futuros lanzamientos. Para los usuarios autenticados, el contenido se personaliza según sus preferencias, asegurando que reciban actualizaciones adaptadas a sus intereses.

Línea de Tiempo de Estrenos

Compartir en Redes Sociales:

EnterCinema permite a los usuarios compartir sus películas y series de TV favoritas en varias redes sociales mediante un modal personalizado e intuitivo.

Guía GIF

Reseñas de Usuarios:

Los usuarios pueden explorar reseñas sobre películas y series de televisión específicas, facilitando la participación comunitaria y proporcionando comentarios de otros usuarios.

Guía GIF

Opciones de Proveedores:

Con múltiples proveedores disponibles para cada película y series de TV, los usuarios pueden conocer las plataformas de streaming donde pueden acceder a contenido específico (Apple TV+, Disney+, Hulu, Max, Netflix, Prime Video, etc.)

Guía GIF

Explorando por Categorías:

Nuevos carruseles intuitivos para diferentes categorías de películas y series de televisión, EnterCinema eleva la experiencia de navegación y simplifica el descubrimiento de contenido para los usuarios.

Guía PNG

Última Actualización: Versión 1.6.10 (Abril 2025)

  • Integración de Ask AI: Se agregó un asistente de chatbot inteligente para consultas en lenguaje natural sobre contenido de cine y televisión.

  • Funcionalidad Pregunta del Día: Implementada una rotación de preguntas diarias sobre cine para fomentar el descubrimiento de contenido.

  • Renovación del Sistema de Valoraciones: Introducida una funcionalidad integral de valoración con evaluación directa desde la lista de seguimiento y gestión centralizada.

  • Algoritmo de Relevancia de Búsqueda: Sistema de búsqueda reconstruido con detección de entidad principal impulsada por IA para mejorar la relevancia de los resultados.

  • Filtrado Avanzado de Lista de Seguimiento: Añadido un mecanismo integral de filtrado/ordenación para la Lista de Seguimiento con preferencias persistentes.

  • Sistema de Recomendación Híbrido: Implementado un sistema de recomendación IA-API que analiza patrones de usuario y explica las recomendaciones.

  • Integración con Stremio: Añadido acceso directo de streaming a través de la integración con la plataforma Stremio.

  • Autenticación con Google OAuth: Los usuarios ahora pueden iniciar sesión usando sus cuentas de Google junto con el sistema de autenticación existente.

  • Búsqueda Mejorada con Proveedores: Se añadió la capacidad de filtrar series de TV por servicio de streaming (Apple TV+, Disney+, Hulu, Max, Netflix, Prime Video).

  • Próximos Estrenos: Renovación de la anterior sección “Próximos Estrenos” con un carrusel mejorado y vista de 180 días.

Instalación

Frontend de Vue.js:

Para ejecutar este proyecto localmente, siga estos pasos:

  1. Clone el repositorio:
git clone https://github.com/imprvhub/entercinema.git
  1. Instale las dependencias necesarias:
yarn install
  1. Antes de ejecutar el proyecto, usted necesita configurar sus variables de entorno en un archivo ‘.env’.
FRONTEND_URL=<URL donde su frontend se va a alojar, por ej: 'http://localhost:3000' o su dominio personalizado>
API_KEY=<Ingrese la api key de TMDB>
SUPABASE_URL=<Ingrese una URL de su database, por ej, la Supabase database URL>
SUPABASE_ANON_KEY=<Ingrese la anonymous key de su database, por ej. su Supabase anonymous key>    

Por defecto, la base de datos de DRF está configurada para Supabase. De todos modos usted puede usar otra base de datos si lo prefiere. Simplemente reemplace ‘DATABASE_URL’ y ‘DATABASE_ANON_KEY’ con las variables de entorno necesarias para la configuración de su base de datos.

  1. Ejecute el proyecto:
yarn dev

El proyecto ahora deberia ser accesible, por ej., en ‘http://localhost:3000


Django Rest Framework Backend:

Para configurar el backend de Django Rest Framework para EnterCinema, siga estos pasos:

Requisitos previos:

Python 3.9

  1. Clone el repositorio backend:
git clone https://github.com/imprvhub/entercinema-drf.git
  1. Instale dependencias necesarias: Navegue al directorio del proyecto principal e instale las mismas mediante ‘pip’.
cd entercinema-drf
pip install -r requirements.txt
  1. Configure sus variables de entorno. Cree un archivo .env en el directorio raíz del proyecto y defina las siguientes variables:
DB_NAME=<Credenciales de su base de datos>
DB_PASSWORD=<Credenciales de su base de datos>
DB_HOST=<Ingrese el host de su base de datos, e.g., localhost>
DB_PORT=<Ingrese el puerto de su base de datos.>
  1. Aplique las migraciones:
python manage.py collectstatic
  1. Ejecute el collectstatic para cuando el proyecto sea desplegado (esto preparará los archivos estáticos como css, js, etc. para el panel de Administración de Django):
python manage.py collectstatic
  1. Ejecute el servidor:
python manage.py runserver

Feedback:

¡Su opinión es importante! Si usted tiene alguna sugerencia para mejoras, cree un nuevo issue en el Repositorio de Github.


Compartir :

Proyectos Similares


🔌 MCP Series [Node.js - Claude Desktop - Integraciones API]

🔌 MCP Series [Node.js - Claude Desktop - Integraciones API]

MCP Series Es una colección integral de servidores basados en el Model Context Protocol (MCP) que otorgan a los asistentes de IA capacidades avanzadas para interactuar con servicios externos, plataformas digitales, fuentes de contenido y datos en tiempo real.

Más Información

🦑 Gitset.dev [Astro.js - Python - React.js - AI - Node.js]

🦑 Gitset.dev [Astro.js - Python - React.js - AI - Node.js]

Gitset.dev es un conjunto integral de herramientas impulsadas por IA que mejora tu experiencia de desarrollo en GitHub. Ofrece soluciones para una gestión de repositorios más eficiente, versionado preciso y documentación clara. Construido con Astro.js/React.

Más Información

🌐 MCP Browser Agent [Node.js - Playwright - Claude Desktop]

🌐 MCP Browser Agent [Node.js - Playwright - Claude Desktop]

MCP Browser Agent es una integración del Model Context Protocol (MCP) que dota a Claude Desktop de capacidades autónomas para automatizar navegadores web. Esta servidor permite a Claude navegar por sitios web, manipular elementos DOM, ejecutar código JavaScript y realizar llamadas API como un ag

Más Información

🗞️ MCP Claude HackerNews [Node.js - HackerNews API - Claude Desktop]

🗞️ MCP Claude HackerNews [Node.js - HackerNews API - Claude Desktop]

MCP Claude HackerNews es una integración que permite a Claude Desktop interactuar con Hacker News utilizando el Model Context Protocol (MCP). Esta integración lleva el rico contenido de Hacker News directamente a tus conversaciones con Claude, permitiendo un acceso a noticias tecnológicas, discu

Más Información

🎵 MCP Claude Spotify [Node.js - Spotify API - Claude Desktop]

🎵 MCP Claude Spotify [Node.js - Spotify API - Claude Desktop]

MCP Claude Spotify es una integración que permite a Claude Desktop interactuar con Spotify utilizando el Model Context Protocol (MCP). Esta potente integración facilita el control mediante IA de tu reproducción de Spotify y la gestión de tu biblioteca directamente desde la interfaz de Claude Des

Más Información

📡 MCP RSS Aggregator [Node.js - RSS/OPML - Claude Desktop]

📡 MCP RSS Aggregator [Node.js - RSS/OPML - Claude Desktop]

MCP RSS Aggregator es una integración que permite a Claude Desktop obtener y leer contenido de tus feeds RSS favoritos utilizando el Model Context Protocol (MCP). Esta potente herramienta transforma a Claude en un lector de noticias personalizado que puede procesar y discutir inteligentemente co

Más Información

🏷️ MCP Domain Availability Checker [Python - Domain APIs - Claude Desktop]

🏷️ MCP Domain Availability Checker [Python - Domain APIs - Claude Desktop]

MCP Domain Availability Checker es una integración con Model Context Protocol que proporciona a Claude Desktop la capacidad de verificar la disponibilidad de dominios en más de 50 extensiones TLD populares. Esta utilidad combina resolución DNS y consultas WHOIS para ofrecer resultados precisos,

Más Información

📈 MCP Status Observer [Node.js - Status APIs - Claude Desktop]

📈 MCP Status Observer [Node.js - Status APIs - Claude Desktop]

MCP Status Observer es una integración que permite a Claude Desktop monitorizar y consultar el estado operativo de las principales plataformas digitales utilizando el Model Context Protocol (MCP). Esta utilidad proporciona información de estado en tiempo real para servicios críticos como GitHub,

Más Información

📈 Peekvisor [Astro.js - TypeScript - Analíticas - Privacidad]

📈 Peekvisor [Astro.js - TypeScript - Analíticas - Privacidad]

Peekvisor es una plataforma de analíticas web centrada en la privacidad: permite a empresas y equipos obtener insights en tiempo real sobre su tráfico y el comportamiento de los usuarios sin recopilar datos personales identificables. Diseñada para la web moderna

Más Información

Bolted - [Astro.js - Python - React.js].

Bolted - [Astro.js - Python - React.js].

Bolted simplifica el manejo de enlaces web. Esta herramienta transforma URLs largas en versiones cortas, facilitando su uso y distribución. El proyecto utiliza tecnologías modernas: FastAPI y Astro.js en su núcleo, React para la interfaz de usuario y PostgreSQL como base de datos.

Más Información