Este ejercicio consiste en realizar una aplicación web interactiva que permite a los usuarios buscar series de anime usando la API de Jikan (https://docs.api.jikan.moe/). , agregarlas a una lista de favoritos y almacenarlas de manera persistente usando localStorage.
• Búsqueda de series: Permite a los usuarios buscar series de anime por nombre.
• Guardar como favorito: Los usuarios pueden agregar series a una lista de favoritos.
• Persistencia de datos: La lista de favoritos se guarda en el localStorage, lo que significa que los datos se mantienen aunque se recargue la página.
• Interfaz interactiva: Se utilizan eventos para mostrar y ocultar secciones de la página según las acciones del usuario (búsqueda, agregar favoritos, etc.).
• HTML: Estructura básica de la página.
• CSS: Diseño y estilos visuales de la página.
• JavaScript: Lógica para interactuar con la API, gestionar el DOM y almacenar datos en el localStorage.
• API de Jikan: API pública que proporciona datos sobre series de anime.
Sigue estos pasos para ejecutar el proyecto en tu entorno local:
Clona el repositorio:
git clone https://github.com/tu-usuario/nombre-del-repositorio.git
Abre el archivo index.html en tu navegador.
Búsqueda de Series 1. Escribe el nombre de una serie en el campo de búsqueda. 2. Haz clic en el botón de búsqueda para obtener resultados de series de anime. 3. Los resultados aparecerán en la página con una pequeña imagen y el nombre de la serie.
Agregar a Favoritos 1. Cuando encuentres una serie que te guste, haz clic en ella para agregarla a tu lista de favoritos. 2. Las series agregadas a favoritos se mostrarán en la sección correspondiente de favoritos en la página.
Ver Favoritos • Si has agregado series a tus favoritos, puedes verlas en la sección de favoritos de la página. • Los favoritos se guardan en el localStorage, por lo que se mantendrán incluso si recargas la página.
Resetear Datos 1. Si deseas eliminar todos tus favoritos, puedes hacerlo usando el botón de reset. 2. Este botón elimina todos los datos guardados en localStorage, incluyendo los favoritos.
Para arrancar y correr el código en un servidor local solo necesitas Visual Studio Code y un navegador como Google Chrome.
Andrea Buezas Magariños.