Multiverse Atlas
A modern React app for exploring 800+ Rick and Morty characters with search, pagination, and detailed profiles, powered by TanStack Query.
Tech Stack :
Project Overview
Multiverse Atlas is a character explorer for the Rick and Morty universe: a focused React application for browsing 800+ characters with search, pagination, and detailed profiles.
Exploring large public APIs well requires deliberate UX decisions: data fetching that doesn't overwhelm the interface, search that feels instant, and pagination that stays smooth at scale. This project demonstrates those patterns with a clean, modern React data-fetching architecture.
Key Features
- Character search: debounced input for responsive filtering
- Paginated browsing: smooth navigation across 800+ records
- Detailed profiles: status, species, origin, and episode appearances
- Fast navigation: cache-backed transitions between views
Technical Highlights
- TanStack Query: server state management with intelligent caching to eliminate redundant requests
- Debounced search: prevents excessive API calls while keeping input responsive
- Clean architecture: centralized API client (/api), custom data-fetching hooks (/hooks), route-level pages, and reusable components
- React Router v7: client-side routing and navigation
My Contributions
- Designed and built the entire application
- Implemented the data-fetching and caching layer with TanStack Query
- Built the debounced search and pagination experience
- Structured the project with clean separation of concerns
Challenges & Solutions
Challenge: Searching and browsing 800+ API records without flooding the API or making the UI feel sluggish.
Solution: Debounced search input combined with TanStack Query's caching and paginated fetching.
Result: A responsive, data-driven experience with minimal redundant requests and smooth navigation throughout.
Tech Stack
Frontend: React 19, TypeScript, Vite, Tailwind CSS 4
Data: TanStack Query, Axios, React Router v7
Need something like this?Tell me about your project