Gifs App
Una web app desarrollada en Angular para buscar gif usando la api de giphy.com que genera un menú para filtar las busquedas realizadas.
Una web app desarrollada en Angular 17 para buscar gif usando la api de giphy.com
Este proyecto se usa para el aprendizaje y muestra de capacidades. Siéntase libre de clonar este proyecto.
01Opciones y componentes:
La aplicación tiene un buscador de Gifs. Una vez buscados, genera una lista de gifs y añade en el menú un nuevo botón para poder filtrar más tarde los resultados buscados. Para hacer persistentes las búsquedas y los botones generados con el término buscado, se usa el localstorage.
01.1Componente Card:
Se encarga de mostrar una tarjeta con la información y el gif
01.2Componente Card List:
Componente para mostrar la lista de tarjetas de los Gifs
01.3Componente Search box:
El componente encargado de realizar las peticiones de busqueda
01.4Componente Lazy image:
Un componente reutilizable por las tarjetas para mostrar el Gif y una lógica de espera de carga
01.5Componente Sidebar:
Este componente se encarga de toda la lógica del menú que se genera con los términos de busqueda
02Páginas:
Las página se encargan de unificar los diferentes reutilizables y lógica.
02.1Home
Página que engloba el componente de busqueda y los resultados
03Otros datos de interes:
El archivo gifs.interfaces.ts, guarda la configuración del tipo de tipado de la solicitud.
El archivo gifs.service.ts, contiene toda la lógica principal de las peticiones.