Esta aplicación permite visualizar personajes de Dragon Ball obtenidos desde la DragonBall API, además de buscar, paginar y guardar personajes en una lista de favoritos. El objetivo es trabajar conceptos fundamentales de JavaScript, como DOM, fetch, eventos, filtrados y localStorage, aplicados en una pequeña SPA.
- Los personajes se obtienen desde la API pública mediante fetch.
- Renderizado automático en pantalla.
- Botones Siguiente y Anterior conectados a las URLs proporcionadas por la API.
- La aplicación actualiza las URLs de paginación en cada consulta.
- Filtrado de personajes en la vista principal mediante el parámetro name.
- Si el campo queda vacío, se recarga la lista completa.
- Cualquier personaje puede añadirse/eliminarse con un clic.
- Los favoritos se almacenan en localStorage para persistencia.
- Existe un buscador independiente para filtrar únicamente los favoritos.
La función renderCharacters() se utiliza para:
- Listado principal
- Listado de favoritos
- Filtrados por búsqueda
- HTML5
- CSS3
- JavaScript
- Fetch API
- LocalStorage
- DragonBall API