¡Hola! Este es mi ejercicio de evaluación de los conocimientos sobre JavaScript, adquiridos durante el módulo 2 de la #PromoKizzy de ADALAB.
-
En este ejercicio encontrarás una aplicación web con un servicio de buscador de películas y series a través de un API.
-
También ofrece el servicio de creación de una lista de favoritos personalizada, pudiendo incluir en esta los elementos de la búsqueda seleccionados.
-
Estos elementos quedan almacenados en el localStorage del usuario para poder acceder a ellos en siguientes visitas a la web.
La estructura de carpetas de mi evaluación es la siguiente:
src
├─ images
| ├─ logo.jpg
| └─ favicon.png
├─ js
| └─ main.js
├─ scss
| ├─ components
| ├─ core
| ├─ layout
| └─ pages
└─ html
├─ partials
└─ index.html
* NOTA: Necesitas tener instalado Node JS
Una vez hemos instalado las dependencias
(npm install) , procedemos a arrancar el proyecto.
Para ello ejecutamos el comando npm start.
Este proyecto incluye un motor de plantillas HTML, el preprocesador SASS y un servidor local, entre otras muchas cosas.
gulpfile.js usa el fichero config.json de configuración con las rutas de los archivos a generar / observar.
De esta manera separarmos las acciones que están en gulpfile.js de la configuración de las acciones que están en config.json.
Estas tareas de Gulp producen el siguiente flujo de archivos:
