Skip to content

LauraGDev/MovieNight-Front

Repository files navigation

MovieNight 🎬🍿💜

Índice

Proyecto

Desarrollo de una aplicación de entretenimiento en la que cada usuario puede crear diferentes perfiles para los miembros de su familia y, en cada perfil, guardar las películas y series que cada uno quiere ver. Estas listas se llaman Watchlists. Además, para aquellos momentos en los que los usuarios no saben qué ver, disponen de una sección donde pueden seleccionar sus perfiles, y la aplicación elige aleatoriamente una recomendación de entre todas las Watchlists seleccionadas.

La aplicación permite a los usuarios iniciar sesión, y es a través de esta autenticación que tienen acceso a la creación de perfiles y Watchlists.

Capturas

MovieNight Demo

Diagramas

User Journey

Ver User Journey

Diagrama de flujo

Ver diagrama de flujo

Diagrama de datos

Ver diagrama de datos

Tecnologías

Front

Back

Instalación

Requerimientos

Configuración del Backend

  1. Clona el repositorio del backend:

    git clone https://github.com/LauraGDev/MovieNight-Back
  2. Crea una base de datos llamada movienight en PostgreSQL.

  3. Modifica el archivo application.properties en el repositorio del backend:

    • Añade tus credenciales de PostreSQL y la ruta a tu BBDD.
  4. Crea un archivo .env en la raíz del repositorio del backend y añade la clave secreta para JWT:

    JWT_TOKEN=tu_clave_secreta_aqui
    
  5. Instala las dependencias y ejecuta el backend

  6. Vuelve a modificar el archivo application.properties en el repositorio del backend:

    • Comenta la línea spring.jpa.hibernate.ddl-auto=create.
    • Descomenta la línea spring.jpa.hibernate.ddl-auto=update. Si dejas create sin comentar, las tablas se crearán de nuevo cada vez que ejecutes el backend. Si quieres mantener los datos existentes, asegúrate de seguir los pasos anteriores.

Configuración del Frontend

  1. Clona el repositorio del frontend:

    git clone https://github.com/LauraGDev/MovieNight-Front
  2. Crea un archivo .env en la raíz del repositorio del frontend y añade el token de tu cuenta de The Movie Database:

    VITE_TMDB_TOKEN=tu_token_aqui
    
  3. Instala las dependencias del frontend:

    npm install
  4. Ejecuta el frontend:

    npm run dev
  5. Abre el enlace que aparece con tu puerto local.

Uso

El programa debe iniciarse primero en el back.

Para compilar:

Da al play para compilar automáticamente.

Una vez iniciado el back, en el front:

npm run dev

Abre el enlace que aparece con tu puerto local.

Contribución

  1. Haz un fork del repositorio.
  2. Crea una nueva rama: git checkout -b feature/name.
  3. Haz tus cambios.
  4. Haz push de tu rama: git push origin feature/name.
  5. Crea un pull request.

About

Parte front end de aplicación para gestión de listas de películas y series.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors