Logo de Japp

Japp

Gifs App
Gifs App

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.

Imagen TuRock
Imagen Gifs App

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.

Japp ©2024

NaN