Pokedex

A React Native mobile app built with Expo that lets you browse, search, and favorite Generation 1 Pokemon. Powered by the PokeAPI.

Sponsored by: CodeRabbit - AI-powered code reviews

Features

• Browse all 150 original Pokemon in a scrollable list
• Search by name or Pokedex number with debounced input
• View details including types, stats, abilities, height, and weight with smooth parallax animations
• Analyze stats with a dedicated modal showing stat comparisons, battle insights, and rarity tiers
• Save favorites with persistent local storage via AsyncStorage
• Tab navigation between Pokedex and Favorites screens

Tech Stack

• Expo 54 & React Native 0.81
• Expo Router for file-based routing
• React Native Reanimated for animations
• TypeScript
• AsyncStorage for persistence

Video Tutorial

Watch and build this Pokedex step by step:

Getting Started

1. Install dependencies

   npm install

2. Start the app

   npx expo start

3. Open on a device or simulator using the options shown in the terminal.

Project Structure

src/
  app/              # Screens & routing (tabs, modals, detail pages)
  components/       # Reusable UI components (list items, detail view)
  lib/              # API helpers & custom hooks (pokeapi, favorites)
  types/            # TypeScript interfaces
  constants/        # Stat label mappings
  theme/            # Colors & type color palettes

🚀 More

Take a shortcut from web developer to mobile development fluency with guided learning

Enjoyed this project? Learn to use React Native to build production-ready, native mobile apps for both iOS and Android based on your existing web development skills.