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.