/Pokemon-ReactNative

React native Pokemon app (Educational)

Primary LanguageTypeScript

Demo


How to run the app

First you need to Setup your environment

After setup complete ,run yarn install to build the dependencies the project needs.

Structure

  1. App: Main entry point
  2. Assets: App resources
  3. Components: Shared components amongst the modules. I used Tailwind setup with NativeWind.
  4. Modules: A module is a screen with data and business logic to build features/components
  5. Router: Navigation controller
  6. Core: From the bootloader, config, data, hooks, state, strings, util and vault. The business logic required to run the app, using react-query for data, react-context for state and async-storage.

Credits

This project uses the PokéAPI. to obtain all the information that is shown in the app.

PokéAPI provides a RESTful API interface to highly detailed objects built from thousands of lines of data related to Pokémon.

This project got some inspiration for a part of the UI designs from React-native-pokedex.

Image gotten from Unsplash

Pikachu Lottie animation from lottiefiles

Pokemon types came from Pokenode-ts