Rick&Morty API

  • React
  • TanStack Query
  • REST API
  • Pagination
  • Search
  • Filter

A character browser built with TanStack Query and the Rick and Morty API, a demo of cleaner data flow without useEffect(). Browse, search and filter characters, then open detail pages with full info and images.

Features

  • TanStack Query: Server state via useQuery; caching, loading and error handling
  • List page: Search by name; filters for status, gender, species and type; pagination
  • Character detail: Dedicated page per character (image, species, gender, origin, location, status, type)
  • Custom hooks: useFilter, usePagination, useSearch, useToggle for URL-friendly state
Rick&Morty API
Rick&Morty API – Cover