Pokedex

Test técnico - React Native

Aplicación móvil desarrollada con React Native Ver. 0.66.4 que consume la Poké API para crear un "Pokedex" al estilo Pokémon.

Tabla de contenidos

Diseño UX/UI
Acciones
Ejecución
Pruebas

Diseño UX/UI

Light Mode

Dark Mode

Acciones consumidas

• Pokemon: https://pokeapi.co/api/v2/pokemon/{id_or_name}/.
• Pokemon Species: https://pokeapi.co/api/v2/pokemon-species/{id_or_name}/.
• Pokemon Location Areas: https://pokeapi.co/api/v2/pokemon/{id_or_name}/encounters.
• Stats: https://pokeapi.co/api/v2/stat/{id_or_name}/.
• Abilities: https://pokeapi.co/api/v2/ability/{id_or_name}/.
• Evolution Chains: https://pokeapi.co/api/v2/evolution-chain/{id}/.
• Moves: https://pokeapi.co/api/v2/move/{id_or_name}/.

Ejecución

Con el fin de construir y correr la app en tu dispositivo, necesitarás ejecutar e instalar los entornos de desarrollo nativo para iOS y Android, XCode y Android Studio respectivamente.

Puedes consultar la configuración del entorno de desarrollo en https://reactnative.dev/docs/environment-setup.

Para ejecutar el código, construir e instalar la app, ingresa los siguientes comandos:

git clone https://github.com/JiovannaManriquez/pokedex.git
cd pokedex
yarn install
npx react-native run-android
npx react-native run-ios

Pruebas

Utilizando Jest como ejecutor de pruebas por defecto para proyectos React Native, ejecuta jest desde la raíz del proyecto.

Pruebas unitarias

• getEvolutions: Función para obtener todas las evoluciones de un Pokémon. Incluye 3 casos de prueba:
  Caso 1: Pokémon en la raíz del árbol genérico.
  Caso 2: Pokémon en medio del árbol genérico.
  Caso 3: Pokémon al final del árbol genérico (sin evoluciones).
• getMovesCount: Función que obtiene el número de movimientos de un Pokémon en una versión de grupo definida. Por ejemplo: "red-blue".

Prueba de integración de UI

• App test: Prueba el renderizado del componente <App/>.