David Segura
EN
Volver a la galería

App de Anime

Explorador de anime con GraphQL y favoritos persistentes

Next.jsReactTypeScriptGraphQLApollo ClientRedux ToolkitTailwindCSSJest

App de Anime

Un ejercicio de front-end construido sobre la API pública de AniList en GraphQL. Permite buscar anime, filtrar por géneros y temporadas, ver el detalle de cada título y marcar favoritos que sobreviven a un refresh vía hidratación desde almacenamiento local.

Lo destacado

  • Apollo Client manejando queries paginadas y caché normalizada.
  • Redux Toolkit para el slice de favoritos, persistido en el navegador.
  • Suite de tests con Jest + React Testing Library para mocks de query y reducers.
const FAVORITES_KEY = 'anime-app:favorites';
export function persistFavorites(ids: number[]) {
  localStorage.setItem(FAVORITES_KEY, JSON.stringify(ids));
}

Originalmente una entrega de bootcamp, evolucionó como referencia personal para combinar GraphQL con Redux cuando ambos resuelven concerns distintos.