belezanaweb/test-app

Mobile Test

Esta é uma avaliação básica de código.

O objetivo é conhecer um pouco a forma como você resolveria problemas com que lidamos no dia-a-dia e a sua habilidade/experiência em criar e organizar um projeto de app multi-plataforma.

Recomendamos que você não gaste mais do que 4 - 6 horas.

Fique à vontade para nos enviar qualquer sugestão ou dúvida que surja durante o projeto.

Faça um fork deste repositório e desenvolva seu projeto dentro da pasta src. O projeto foi criado com npx react-native init test_app.

Tarefas

O teste consiste em duas telas: uma lista de produtos e a página do produto.

O nosso time de produto preparou esse layout para o projeto. A implementação deve ser Pixel perfect.

1. Consumindo o endpoint https://pacific-wave-51314.herokuapp.com/products?page=<page_num>&size=<page_size>, faça uma tela mostrando a lista de produtos retornada

• A lista deve suportar paginação
• As páginas devem ser carregadas apenas quando forem ser exibidas para o usuário
• A imagem exibida deve vir do imageObjects com featured: true
• Extra: para melhorar a performance, é possível descarregar da memória os itens que já passaram e não são mais exibidos na tela?

2. Ao clicar em um produto, o app deve consumir o endpoint https://pacific-wave-51314.herokuapp.com/products/<product_sku> para exibir a tela de produto

• Caso o payload do produto tenha payload inventory.quantity > 0, deve ser exibido o botão de adicionar ao carrinho; caso contrário, deve ser exibido o botão de "AVISE-ME"
• Ao clicar em "COMPRE", deve ser exibida uma modal de confirmação de adição à sacola
• Clicar em "AVISE-ME" abre uma modal para o usuário digitar seu nome e e-mail
• Os botões das modais apenas fecham elas
• Ao voltar para a lista de produtos, ela deve estar disponível para o usuário sem fazer uma nova requisição à API

O que vamos avaliar

• Organização do código;
• Mensagens (em inglês) e mudanças nos commits;
• Composição/reutilização de classes (DRY);
• Testes unitários;
• O motivo de ter escolhido a arquitetura e cada tech da stack;
• Como rodar sua aplicação 😉

Como enviar

Ao finalizar o teste, submeta um pull request para o repositório que nosso time será notificado. Se tiver alguma observação, escreva no pull request.

test-app's Issues

O endereço de api esta bloqueado para fora do dominio

Fiz quase todo o app, quando fui fazer a integração com dados reais, descobri que a um bloqueio de host no header da request, provavelmente a configuração de cors está ativa.

Como reproduzir

se é feito um request usando curl para o endpoint retorna 400

curl https://pacific-wave-51314.herokuapp.com/products?page=1&size=10

mas se for adicionado um host valido a resposta é 200:

curl -H "Origin: pacific-wave-51314.herokuapp.com https://pacific-wave-51314.herokuapp.com/products?page=1&size=10