
Gifs App, un buscador de gifs con Angular
Una web app desarrollada en Angular para buscar gifs usando la API de Giphy, con un menú que filtra las búsquedas realizadas.
Una web app desarrollada en Angular 17 para buscar gifs usando la API de Giphy. Este proyecto se usa para el aprendizaje y muestra de capacidades. Siéntete libre de clonar este proyecto.
Opciones y componentes:
La aplicación tiene un buscador de gifs. Cada búsqueda genera una lista de resultados y añade al menú un nuevo botón para poder filtrar más tarde por ese término. Las búsquedas y los botones generados se guardan en el localStorage para que sean persistentes.
- Card: muestra una tarjeta con la información y el gif.
- Card list: pinta la lista de tarjetas de los gifs.
- Search box: se encarga de las peticiones de búsqueda.
- Lazy image: componente reutilizable por las tarjetas para mostrar el gif con una lógica de espera de carga.
- Sidebar: gestiona el menú que se genera con los términos de búsqueda.
Otros datos de interés:
El archivo gifs.interfaces.ts define el tipado de las peticiones. El archivo gifs.service.ts contiene toda la lógica principal de las peticiones a la API.
Visitar repositorio
Cargando…