Bienvenid@s al repositorio del ejercicio final del Módulo 2: Podéis acceder a la web AnimeNet haciendo click aquí o mediante el enlace que hay en la descripción.
En este ejercicio se nos pedía una aplicación web en la que el usuario pudiera:
Al introducir un valor en un campo de texto del formulario y hacer click en el botón buscar, aparezca un listado de resultados de series de anime. Para ello, la aplicación debía conectarse al API abierto de Jikan.
El usuario puede indicar cuáles son sus series favoritas. Al hacer clic sobre una serie debe pasar lo siguiente: El color de fondo y el de fuente se intercambian, indicando que es una serie favorita. Hay que mostrar un listado en la parte izquierda de la pantalla, debajo del formulario de búsqueda, con las series favoritas. Las series favoritas deben seguir apareciendo a la izquierda aunque la usuaria realice otra búsqueda.
Almacenando sus datos en el localStorage. De esta manera, al recargar la página el listado de favoritos se debe mostrarse.
Al hacer clic sobre el icono de una 'x' al lado de cada favorito, hay que borrar el favorito clicado de la lista y del localStorage. También se podrá añadir/quitar como favorito al hacer click sobre uno de los resultados. Además, si realizamos una nueva búsqueda y sale una serie que ya es favorita, aparecerá ya resaltada en los resultados de búsqueda. Asimismo, existirá un botón para borrar todos los favoritos a la vez.
Los lenguajes y herramientas utilizadas en este proyecto son:
- HTML
- CSS
- JS :fa-hand-o-right:
- Sass
- Gulp
Si te surge alguna duda sobre este proyecto o tienes alguna sugerencia para mejorar esta web, no dudes en contactarme: atvnataliajn@gmail.com