PokeApp!

Repositório de um aplicativo Pokedex com a PokeAPI, desenvolvido em React Native

Acesso Rápido

• Demonstração
• Tecnologias
• Explicando Escolha das Tecnologias
• Pré Requisitos
• Rodando o App
• Build App

---

Demonstração

Tecnologias

Abaixo estão as tecnologias e bibliotecas mais complexas utilizadas neste projeto.

• Expo
• React Native
• React Navigation
• Axios
• React Native Iphone X Helper
• React Native Responsive Fontsize
• Styled Components

Explicando Escolha das Tecnologias

1. Decidi escolher o Expo pela facilidade de gerar um aplicativo tanto para IOS ou Android (visto que o leitor possa ter um IOS).

2. Decidi usar o Axios para a requisição HTTP pelo motivo da simplicidade, código limpo e facilitação nas requisições.

3. Ao invés de escolher o SafeAreaView para garantir evitar pegar a barra de status do celular, utilizei o React Native Iphone X Helper no qual ele de forma simples identifica se o celular é android ou IOS (pois assim tem uma diferença). Mesmo sendo possivel de fazer isso nativamente preferi usar uma biblioteca para evitar possiveis bugs etc.

4. Visando responsividade nas fontes escolhi a lib React Native Responsive Fontsize pois ela faz o calculo automáticamente baseado no DP de cada celular.

5. O Styled-Components sem dúvida faz uma enorme diferença no código deixando ele bem mais limpo e bem mais entendivel, criando componentes estilizaveis.

Pré-requisitos

Uma observação muito importante é que para rodar o app é importante ter em seu celular o App do Expo (Clique aqui para Baixar)

E também ter instalado em sua máquina as seguintes ferramentas: Expo CLI, Git, Node.js.

Além disto é bom ter um editor para trabalhar com o código como o VSCode

Rodando o App

  # Clone este repositório
  $ git clone https://github.com/CaueFidelis/poke-app.git

  # Acesse a pasta do projeto no terminal/cmd
  $ cd poke-app

  # Instale as dependências
  $ yarn

  # Execute a aplicação em modo de desenvolvimento
  $ yarn start

  # Abra o app do Expo no seu celular e leia o QR CODE
  # Aperte a tecla A no terminal para rodar no seu emulador Android

Build App

É necessário saber que para fazer a Build pelo Expo é preciso ter uma conta no Expo.

Então caso queira o arquivo para instalar em seu celular está na pasta /builds na raiz do projeto.

  # Faca o Build para Android
  $ expo build:android

  # Faca o Build para IOS
  $ expo build:ios