Problem and solutions

PokedexGQL

This project is a mobile application created using React Native, where users can query pokemon data (aka a Pokedex) from a limited sample and selected additional data to be returned. This data is retured from a GraphQL API server (another project of mine, https://github.com/AA25/GraphQL-API hosted on AWS).
- Technologies/Libraries used were React Native, React Native Navigation, ApolloGraphql client, React Native Debugger and React Native AsyncStorage.

The design of this Pokedex application is heavly influenced by the first Pokedex that featured in the Pokemon show while also taking design inspirations from other works.

React Native
- Set up your environment locally for react native projects
  - https://reactnative.dev/docs/environment-setup
- Once the above is done, do the following from root directory of the pokemon
  - Run Metro npx react-native start
  - Android
    - Plug in your phone and run npx react run-android (with Metro already running)
    - For move guidance see https://reactnative.dev/docs/running-on-device
React Native Debugger
- Follow getting started steps
  - https://github.com/jhen0409/react-native-debugger/blob/master/docs/getting-started.md

Where Metro is running
- Tap r to reload the app
- Tap d to open developer menu

Regenerate android & ios files

npm install react-native-community/cli
sudo rm -rf android/ ios/
yarn add react-native-eject
npx react-native eject

Name		Name	Last commit message	Last commit date
Latest commit History 103 Commits
__tests__		__tests__
ios		ios
src		src
.eslintignore		.eslintignore
.eslintrc.js		.eslintrc.js
.gitattributes		.gitattributes
.gitignore		.gitignore
.prettierignore		.prettierignore
.prettierrc		.prettierrc
App.tsx		App.tsx
README.md		README.md
app.json		app.json
babel.config.js		babel.config.js
index.js		index.js
metro.config.js		metro.config.js
package.json		package.json
react-native.config.js		react-native.config.js
tsconfig.json		tsconfig.json
yarn.lock		yarn.lock