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.