Este proyecto trata de desarrollar una aplicación web de búsqueda de series de anime, que nos permite marcar las series como favoritas y guardarlas en local storage, para la evaluación del segundo módulo del bootcamp de Programadora web de Adalab.
Usando lo aprendido en clase tanto en el primer como en el segundo módulo, he seguido las directrices del enunciado proporcionado por la profesora para el desarrollo de esta aplicación web.
Los pasos seguidos para realizar este ejercicio fueron los siguientes:
-
Crear una estructura básica que contara con un input, un botón de búsqueda y un listado de resultados.
-
Escuchar un evento sobre el botón de búsqueda que permitiera, en base a la información proporcionada en el input y utilizando el API abierto de Jikan, realizar una búsqueda de series de anime. Y que en dicha búsqueda aparezca tanto la imagen como el título de la misma.
-
Escuchar eventos sobre todos los resultados de la búsqueda, de tal forma que al clicar en uno este se seleccione como favorito y se agregue a otro listado a la izquierda bajo la columna de favoritos.
-
Hacer que el listado de favoritos permanezca ahí incluso al refrescar la página, para ello se ha utilizado el LocalStorage.
NOTA: Necesitas tener instalado Node JS con una versión superior a la 14:
- Abre una terminal en la carpeta raíz de tu repositorio.
- Instala las dependencias locales ejecutando en la terminal el comando:
npm install
Una vez hemos instalado las dependencias, vamos a arrancar el proyecto ejecutando uno de los siguientes comandos:
npm run dev
o
npm start
Este comando:
- Abre una ventana de Chrome y muestra la página web, al igual que hace el plugin de VS Code Live Server (Go live).