Ejercicio de JavaScript, HTML y CSS para realizar una página de búsqueda de series de TV a través de un API, para almacenarlas en favoritos por la usuaria. Tras hacer la búsqueda, las series encontradas se muestran en tarjetas que podrán clickarse para salvarlas como favoritas o desmarcarlas para quitarlas de favoritas.
- ESTRUCTURA BÁSICA: HTML.
- BÚSQUEDA: a través del API de series de televisión de Tv Maze, se obtiene la información (mombre, imagen, valoración, web oficial) para crear las tarjetas. Si el API no tuviera imagen, por ejemplo, se sustituirá el valor nulo de ese atributo por un placeholder.
- SELECCIÓN DE FAVORITOS: Si la usuaria hace click en cualquiera de las tarjetas de la búsqueda, si la serie no está ya en favoritos se agregará y si lo está se eliminará. Las series favoritas seleccionadas se mostrarán en la parte izquierda de la página.
- ALMACENAMIENTO LOCAL: Si la usuaria vuelve a visitar la página, las series seleccionadas como favoritas se guardan en su almacenamiento local.
- BORRAR FAVORITOS: Al pulsar sobre las series favoritas, estas se podrán eliminar del apartado de favoritas de una en una o todas las que se encuentren en el apartado con un solo click.
- MAQUETACIÓN CSS: Crear un estilo de página atractivo y que no recuerde a los visualmente espantosos años 90.
La web puede visitarse en este enlace.