Teste Técnico Frontend

B2W Digital

Javascript, Angular, Bootstrap

Rio de Janeiro - Brasil

Varejo

10.000 - 50.000

/americanas-sa/
/b2w-marketplace
americanas.io

As Americanas (B2W) é uma das maiores varejistas do Brasil, oferecendo uma ampla variedade de produtos que vão desde eletrônicos, eletrodomésticos, livros e moda até itens para casa, saúde e beleza. Com uma forte presença online e física, as Americanas proporcionam aos clientes uma experiência de compra conveniente e diversificada

Sobre o Teste

No desafio frontend BIT, você precisa implementar uma aplicação client-side responsiva que exiba informações de usuários. Ao carregar a página, suas próprias informações pessoais devem ser exibidas. Ao clicar no botão ""try the next one"", a página deve chamar uma API que retorna dados de usuários randômicos e exibi-los. Você também precisa implementar a funcionalidade de seguir usuários e exibir a lista de usuários seguidos. Recomenda-se utilizar a versão mais recente do Angular e do Bootstrap, além de garantir a responsividade da tela, principalmente em dispositivos móveis.

Instruções do Teste

Link para o teste técnico original

Baixar Arquivos do Teste Técnico

<> Desafio Frontend BIT </>

Sobre

O desafio consiste em implementar uma aplicação client-side, que rode de forma consistente nos navegadores mais recentes e que seja responsiva para melhor visualização em dispositivos móveis.

Regras

Baseado no Layout, desenvolva uma página web que exibe informações de usuários.

Premissas:

  1. Ao carregar a página, as informações exibidas devem ser as suas próprias informações pessoais.
  2. Ao clicar no botão 'try the next one', a página deve chamar uma API (disponível no link abaixo) que retorna dados de usuários randômicos e exibi-los na tela.
  3. Ao clicar no botão 'Follow' a página deve armazenar essa informação. Caso o mesmo usuário seja exibido novamente o botão deve aparecer como 'Following' e com cor diferente
  4. Ao seguir um usuário, deverá ser exibido um link na parte superior direita da página (Layout)
  5. Ao clicar no link, uma lista com os usuários seguidos deve ser exibida (Layout)

  6. Ao navegar entre os usuários (via 'try the next one'), os usuários que NÃO forem seguidos devem aparecer na lista de sugestões (Exemplo com 1) (Exemplo com vários). Guarde essas informações no Browser, para que quando a página for acessada novamente ou recarregada, já exista sugestões iniciais.

    Note que o Layout e as premissas não deixam claro todas as situações possíveis para os dados do usuário. Você pode interpretar como quiser o que não foi definido como premissa e melhorar a funcionalidade da página, caso ache necessário.

    Recomendações:

Layout 1 Layout 2 Layout 3 Layout 4

Link da API.

*a Api pode demorar pra responder ou ficar fora do ar em alguns momentos (pense nisso quando for desenvolver).

...

Preparado? Crie um fork desse repositório, quando finalizar, envie o link para o seu contato na B2W ;)