React Native Code Challenge

Instruções:

Faça um fork deste repositório;
Implemente o layout disponível;
Utilize a api https://e9a02505-3276-4fee-aede-c7023dfb9034.mock.pstmn.io/getProducts para obter o estado inicial da tela;
Cada produto possui um productTypeId, que deverá ser utilizado para identificar a cor de cada tipo de produto como especificado a seguir:

   FUNDS = 1;
   PENSION = 2;
   POST_FIXED_INCOME = 3;
   TREASURY_DIRECT = 4;
   SAVINGS = 5;
   PRE_FIXED_INCOME = 6;
   BITCOIN = 7;
   STOCK = 8;
   DEBENTURES = 9;
   CURRENCY = 10;
   FII = 11;
   BDR = 12;

  stock: '#4C309B',
  fii: '#4141D5',
  bdr: '#9390E5',
  bitcoin: '#3E71B9',
  debentures: '#86B2DE',
  funds: '#008DCB',
  savings: '#5AAAD5',
  pension: '#D5A82C',
  postFixedIncome: '#94E5D2',
  preFixedIncome: '#38BFA0',
  treasureDirect: '#86B2DE',
  currency: '#B9B42C',

Após terminar seu teste submeta um pull request e aguarde seu feedback.

Pré-requisitos:

Deve ser possível filtrar os produtos listados;
Criar um passo a passo de como rodar o app - Sugestão;
Desenvolver o app utilizando React Native

O que iremos avaliar

Simplicidade da solução
Componentização
Princípio da reutilização
Clean Code

O que vai te diferenciar

Utilizar TypeScript
Realizar testes unitários

Material:

O layout em formato Adobe XD consta no repositório em /material;
Imagens e Ícones devem ser exportados do Adobe XD (Aalho: CTRL + E / CMD + E)

Submissão

Para iniciar o teste, faça um fork deste repositório, crie uma branch com o seu nome e depois envie-nos o pull request. Se você apenas clonar o repositório não vai conseguir fazer push e depois vai ser mais complicado fazer o pull request.

Sucesso!