Pokedex

Small React-Native application that connects to PokeApi to retrieve and display the information of each pokemon in details.

NOTE: This project doesn't use expo, instead, it does use React Native for Web.

Test

Android

1. Download and install node and Android Studio
2. Run npm install
3. With an emulator configured or a physical device connected npm run android

iOS (not properly configured yet)

1. Download and install node and XCode
2. Run npm install & npx pod-install
3. With an emulator configured or a physical device connected npm run ios

Web

1. Download and install node
2. Run npm install
3. Run npm run web

TODO:

iOS

There are a few pending steps to make this app fully works on iOS and to do them is necessary to use a Mac computer

1. Install icons following these steps
2. Generate the icon image for the app, this website helps to do that
3. Configure the SplashScreen, follow these steps

Troubleshooting

• The fetch to the API doesn't work using Android emulator, you'll have to use an iPhone, iPhone emulator or a physical android device
• Some times the app doesn't run after the first installation, if so you'll have to run it once again
• Make sure that your device has at least 1gb (recommended 2gb) of space if you are using an emulator
• To build on Windows SO you are going to need to install npm install -g win-node-env

Resources

• To create a react-native app from zero without expo (using typescript) and a version compatible with React Native for Web you can run this command npx react-native init Pokedex --template react-native-template-typescript@6.9.6
• This project initially needs extra config for:
  • Create the Icons for the Android App this and this for iPhone App
  • Set the navigator packages (if you have troubles with the tabs, check this https://docs.swmansion.com/react-native-reanimated/docs/fundamentals/installation/)