PokemonRN

A simple React Native app to browse and search Pokémon using the PokeAPI. Built with React Native CLI and TypeScript.

Features

• Browse a list of all Pokémon (fetched from PokeAPI)
• Search Pokémon by name
• Tap a Pokémon to view detailed stats and sprite

Getting Started

Prerequisites

• Node.js
• Get Started Without a Framework (This project doesn’t use Expo.)
• CocoaPods (required for iOS development)

Environments

• Node.js: v20.18.0
• npm: v11.4.2
• Cocoapods: v1.16.2
• Xcode: v16.3.0
• Visual Studio Code: v1.102.1 (Universal)
• Cursor: v1.2.4 (Universal)

Installation

1. Clone the repository:

   git clone git@github.com:Szuyun-3SC/PokemonRN.git
   cd PokemonRN

2. Install dependencies:

   npm install

3. Install CocoaPods:

   cd ios && bundle install && bundle exec pod install && cd ..

Running the App

Android

npm run android

iOS

npm run ios

or

npm run ios -- --simulator="iPhone 16 (18.4)"

to specify a simulator.

If everything is set up correctly, the app will launch in your emulator or device.

Project Structure

src/
  App.tsx                # App entry point
  screens/
    RootView.tsx         # Tab navigation
    PokemonListScreen/   # Pokémon list & stack navigation
      PokemonListScreen.tsx
    PokemonDetailsScreen/
      PokemonDetailsScreen.tsx
    ReactNativeScreen/
      ReactNativeScreen.tsx

API

• PokeAPI

Learning Resources

• react-native-community-map
• React Native Documentation
• TypeScript Handbook
• React Navigation Docs
• React Native Best Practices