Esta aplicación permite bajo acceso restringido acceder a contenido basado en películas de Marvel. La aplicación se centra en mostrar el amplio catálogo del Marvel Cinematic Universe, cada filme muestra una sinopsis y un tráiler con lo más destacado del largometraje seleccionado. Así mismo, los usuarios (suscritos) tienen la posibilidad de agregar nuevos registros al catálogo ya existente y posteriormente editarlo si es necesario.
A continuación, se describe las diferentes secciones de la aplicación:
- Home 🏠
- Login 👩💻
- Signup 💻
- Profiles 😁
- Movies 🎥
- Logout 🚪
Es la sección principal la cual muestra el menú accesible para usuarios suscritos como para los no suscritos. Este menú se mantiene visible durante toda la navegación de la aplicación.
Mediante esta pantalla es posible ingresar los datos de un usuario registrado o suscrito. Es necesario tener el nombre de usuario y contraseña con que el usuario se registró. En caso necesario, cuenta con la opción de crear una cuenta de usuario nueva. Al momento de entrar a la sesión, en la base de datos se crea una cookie que al cerrar la sesión se elimina.
A través de esta página los visitantes pueden crear una cuenta de usuario para acceder al contenido. La aplicación cuenta con diferentes validaciones de correo electrónico y contraseña para la creación de un registro de usuario como el incluir letras mayúsculas, números, etc. Todo esto para que los visitantes tengan la garantía de seguridad en sus credenciales. Así mismo, la aplicación maneja un nivel mayor de seguridad con el encriptado de contraseña en la base de datos.
Esta página solamente es visible después de que el usuario accedió exitosamente a la aplicación y muestra la información general referente a las credenciales del mismo. Esta sección también permite redireccionar al usuario a un formulario para poder editar su información.
En este sitio de la aplicación es posible cambiar la información del usuario, llámese el nombre, correo electrónico y la imagen del usuario, con esto se modificará también la pequeña imagen en la esquina superior derecha.
Este menú nos permitirá observar la galería de películas, así como obtener información adicional y videos de cada una de ellas.
Al acceder a la información adicional de cada película será posible visualizar los detalles relacionados con su realización como el director, actores y una pequeña reseña. También es posible disfrutar de su avance o trailer. En la parte inferior de cada película tendremos un acceso para editar sus datos, siempre y cuando el usuario haya creado la película que está en la página, en caso contrario, este botón no aparecerá.
En esta sección podremos cambiar la información de cada película para mantener los registros actualizados. Los datos mostrados serán
- Title
- Director
- Stars - elenco
- Image - poster oficial
- Year - año de filmación
- Description - sinopsis
- Trailer Url - avances
Esta opción se encuentra al final de toda la galería de películas, nos permite agregar un registro nuevo el cual incluirá toda la información relacionada tal y como se mencionó en el menú de Movies/Information/Edit.
En la parte superior derecha se encuentra la imagen del usuario, cada uno está predeterminado, pero en el menú de editar usuario se puede modificar, la imagen es un botón que hace la función de Log out, con esto se termina la sesión del usuario y se borra la cookie de la sesión en la base de datos.
Esperamos que pasen un buen momento utilizando esta aplicación, que la disfruten!!
https://tu-marvel-movies-app.herokuapp.com/
- HTML
- NodeJS
- JavaScript - Funciones CRUD
- Handlebars - Vistas
- CSS - Estilos
- MongoDB - Base de datos
- Heroku - Despliegue
Kurai Tsukino aka Sandra Mena
A Mike Nieva, K'ohnin y a Sam por sus ayuda y enseñanzas invaluables 🥰