Skip to content

Latest commit

 

History

History
75 lines (53 loc) · 1.92 KB

README.md

File metadata and controls

75 lines (53 loc) · 1.92 KB

Logo Kinvo

React Native Code Challenge

Instruções:

  1. Faça um fork deste repositório;
  2. Implemente o layout disponível;
  3. Utilize a api https://e9a02505-3276-4fee-aede-c7023dfb9034.mock.pstmn.io/getProducts para obter o estado inicial da tela;
  4. 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',
  1. 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!