Skip to main content

Documentation Index

Fetch the complete documentation index at: https://mintlify.com/soymatudev/Pokedex-Fleek/llms.txt

Use this file to discover all available pages before exploring further.

AI-Powered Pokédex in Your Pocket

Scan real-world objects with your camera and discover matching Pokémon using computer vision, color analysis, and TensorFlow.js

Get StartedLearn the Architecture
📱

Quick Start

Get PokéDex Fleek running on your device in minutes

1

Clone the repository

Clone the project and install dependencies using your preferred package manager.
Terminal
git clone https://github.com/soymatudev/Pokedex-Fleek.git
cd Pokedex-Fleek
npm install
2

Set up Expo development build

Generate native project files and create a development build for your device.
Terminal
npx expo prebuild
npx expo run:android
# or for iOS
npx expo run:ios
Camera features require a physical device. The app will not work properly in the Expo Go app or simulators.
3

Grant camera permissions

When you first launch the app, grant camera permissions to enable Pokémon scanning. The app uses react-native-vision-camera to capture and analyze real-time frames.
4

Scan your first Pokémon

Point your camera at any object and tap the Pokéball button. The app will:
  • Extract the dominant color from the camera frame
  • Convert the color to HSL hue space
  • Match it to the closest Pokémon in the database
  • Display Pokémon details with voice narration in Spanish
If you scan a red apple, the app calculates the hue value (around 0-30°) and matches it to red Pokémon like Charmander, Flareon, or Charmeleon based on their color ranges defined in pokedexData.js.

Explore by Topic

Deep dive into the core technologies powering PokéDex Fleek

Color Matching Algorithm

Learn how HSL hue ranges and color matching identify the closest Pokémon

Camera Scanner

Real-time frame processing with react-native-vision-camera and color extraction

AI Detection

TensorFlow.js integration for object classification and vision processing

Voice Narration

Spanish TTS with expo-speech to narrate Pokédex entries like Dexter

PokéAPI Integration

Fetch Pokémon data, sprites, and flavor text from the official PokéAPI

Project Architecture

Feature-based structure with React Navigation, Zustand, and custom hooks

Key Features

What makes PokéDex Fleek unique

🎨

Advanced Color Analysis

Uses HSL hue-based color ranges for perceptually accurate color matching that aligns with human color perception

📸

Real-Time Camera Processing

Powered by react-native-vision-camera v4 with frame processors and QR code scanning capabilities

🤖

TensorFlow.js Integration

Object detection and classification using computer vision models for enhanced accuracy

🔊

Dexter Voice Narration

Spanish TTS narration of Pokédex entries using expo-speech with custom pitch and rate settings

Ready to build your own Pokédex?

Follow the quickstart guide to get the app running on your device, or explore the architecture to understand how it works

Get StartedView Project Structure