Skip to content

Full Stack application. Express, MongoDB, SQL and Node.js. MVC.

Notifications You must be signed in to change notification settings

AxelothLeohryn/movie-app-fullstack-project

Repository files navigation

Backend Project 💻 ⚠️


Herramientas

  • Node js
  • Express
  • BBDD SQL
  • BBDD MongoDB Atlas
  • Render
  • Web Scraping (puppeteer)
  • Pug
  • NodeMailer
  • Helmet
  • Passport, OAuth

Contenido

En este repositorio encontrarás un proyecto de backend en que se han combinado las herramientas descritas más arriba para crear una web en la que podrás buscar películas y guardarlas en tu perfil de favoritos. Además, si te accedes como administrador podrás crear películas nuevas, editarlas o borrarlas. Al usuario le aparecerán en su búsqueda tambien.

Instrucciones

Captura de pantalla 2023-11-23 210746

Admin

Para acceder como admin: ya tenemos registrado un administrador para que puedas ver cómo sería gestionar las películas.

  Usuario: admin@gmail.com

  Password: holahola

Con estos podrás crear, editar y borrar películas originales, creadas por tí y que aparecerán en el buscador para un futuro usuario. Si clicas en crear película se abrirá un formulario como el de editar pero con los campos vacíos, dale rienda suelta a tu imaginación.

Captura de pantalla 2023-11-23 204914 Captura de pantalla 2023-11-23 205009

Este es un ejemplo de una película original, si quisieras editarla le das a la rueda de la esquina superior, si quisieras borrarla le das a la papelera. Si clicas en el cartel gris con detalles de la película se despliegan los restantes, así puedes verlo todo.

Captura de pantalla 2023-11-23 204930 Captura de pantalla 2023-11-23 204946

User

Para acceder como usuario: registrate en la web clicando en Sign Up y después logueate para poder empezar. Podrás registrarte tanto con google como con una cuenta de correo y contraseña propios. Una vez dentro, ya podrás interactuar con toda la web y su funcionalidad:

Captura de pantalla 2023-11-23 210759

Navegador

  1. Si haces clic en la lupa, podrás volver al buscador.
  2. Si haces clic en el corazón, podrás acceder al apartado de tus películas guardadas en favoritos.

De igual manera podrás acceder a esas dos secciones pulsando en los botones que salen en la pantalla

Captura de pantalla 2023-11-23 210229

Buscador

Escribe el título de una película que desees buscar y conocer sus detalles, verás un corazón rojo con un más, al clicarlo se guardará esa película en tus favoritos. Si clicas en el título de la película podrás desplegar todos sus detalles.

Mis películas favoritas

En esta sección puedes gestionar las películas que hayas guardado en favoritos, si clicas en el corazón con un menos podrás eliminarla y la tarjeta desaparecerá.

¿Cómo funciona?

El proyecto funciona con dos bases de datos: SQl y Mongo. En SQL, desplegada en Render, se guardan las películas favoritas de cada usuario que luego pintamos en las diferentes tarjetas. En administrador, trabaja con la base de datos no relacional Mongo y crea, edita y borra películas que se guardan allí. Las películas se pintan a través de llamadas fetch a una APi externa combinada con una llamada a nuestra APi de películas originales. La llamada da como resultado un array de objetos de películas.

Sin título-2023-11-23-1505 (1)

¿Quieres probarlo? Pues clica en el enlace y disfruta!!

https://movie-app-fullstack.onrender.com/

image

About

Full Stack application. Express, MongoDB, SQL and Node.js. MVC.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •