David Segura
ES
Back to gallery

Anime App

GraphQL-powered anime explorer with persistent favorites

Next.jsReactTypeScriptGraphQLApollo ClientRedux ToolkitTailwindCSSJest

Anime App

A front-end exploration built around the public AniList GraphQL API. The app lets users search anime, apply filters across genres and seasons, drill into per-title details, and flag favorites that persist across reloads via local state hydration.

Highlights

  • Apollo Client driving paginated queries and cache normalization.
  • Redux Toolkit for the favorites slice, persisted via the browser store.
  • Test suite using Jest + React Testing Library for query mocks and slice reducers.
const FAVORITES_KEY = 'anime-app:favorites';
export function persistFavorites(ids: number[]) {
  localStorage.setItem(FAVORITES_KEY, JSON.stringify(ids));
}

Originally a bootcamp delivery, evolved into a personal reference for combining GraphQL with Redux when both are needed for distinct concerns.