- useState.
- useEffect.
- useRef.
- Abrir la carpeta del proyecto CODERFILM en VC.
- Abrir la terminal dentro de la carpeta que contiene el proyecto.
- Escribir lo siguiente: npm i (se instalara las dependencias usadas en el proyecto).
- Ejecutar el proyecto: npm run dev
- Se visualizara un direccion ip donde le daras control y click con el mouse para que te direcciones al Browser predeterminado.
Abajo del titulo CODERFILM hay un play en un circulo celeste. Tiene un efecto Hover que se desplazara. Se tiene que dar click en ese boton para ingresar a la pagina de HOME.
- El logo CODERFILM¨ si precionas en el logo se devuelve.
- Dos iconos que uno es Homme y el segundo se redirecciona a una ventana nueva de Peliculas.
- Ese ultimo nos muestra el carrito de compras.
Tambien en home al desplazar el scroll encontramos el footer y un slider pequeño. En ese Footer esta la palabra Home y la palabra Peliculas que redireccionan al precionar.
Nos devolvemos al Header donde esta el navbar, y precionaremos el segundo icono que parece un rollo de peliculas para ir a la parte de peliculas
En Peliculas encontraras el header con el navbar. Encontraras un filter, que al precionar en Accion, Marvel, Terro, hara el filtrado segun la categoria, tambien si quieres volver a ver todo el repertorio hay un ultimo icono que parece unas flechas curvas y retorna todo el contenido.
- Pasar el Mouse por encima de la pelicula y dar click, redireccionara hacia una ventana, donde mostrara el detalle de la pelicula.
- Como ven mantenemos el header con el navbar y en el detalle esta la foto de la pelicula, el contenido y mas abajo, encontraremos el stock, el precio y los controles para agregar peliculas.
- Observan que hay un carrito dentro de un circulo celeste, al precionar ese boton agregara el producto al carrito y aparecera otro boton que dice terminar compra y ese te redireccionara al carrito o puede ingresar al mismo precionando el carrito del navbar.
