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
