Descrição:

Resolução do desafio.

• Tempo utilizado: 2h;
• Projeto (imcompleto) - obs.: faltou pegar as informações do arquivo Json e coloca-las nos cards. Somente foi feito uma amostra dos arrays e objetos no console;

Como executar:

Abrir a pasta pelo terminal e executar o seguinte command:

python3 -m http.server

Em seguida abrir no browser o link: http://0.0.0.0:8000/

Bem-vindo ao desafio de admissão de front-end da Itelios! O que preparamos para este desafio é um pedacinho do que você irá fazer aqui na Itelios, caso seja admitido.

O objetivo do desafio é simples: Consumir uma json via xhttp e, com o resultado dele, montar um widget de prateleira de cross-sell. Na resposta deste request você receberá uma lista de produtos. Esta lista servirá para montar um pequeno carrossel de produtos.

• A prateleira apresentada deve seguir o seguinte design
• Baseado neste layout, faça uma adaptação responsiva para celulares.

• Faça um fork deste repositório em seu GitHub
• Adicione ao Readme uma descrição de como executar seu projeto
• Descreva as funcionalidades do seu desafio, venda seu peixe! Por exemplo, se fez a prateleira com javascript puro, porém utilizou uma biblioteca para o carrossel, deixe isso no Readme. Se usou ES6 com um transpiler, conte isso pra gente.
• Não há um limite de tempo, porém consideramos ideal não gastar mais que 8h neste desafio
• Faça commits parciais, para que possamos acompanhar o seu desenvolvimento.
• Em caso de dúvidas, entre em contato com [email protected]

• O ícone do botão é o add-shopping-plus, do Material Design. https://material.io/icons/
• A fontes utilizadas são Roboto Condensed Bold (títulos), Roboto Regular (texto corrido) e Roboto Bold (preço e preço parcelado).
• We <3 Vanilla Javascript. Tente executar este teste usando javascript puro. Só utilize bibliotecas como último recurso.
• We <3 CSS responsivo, organizado, modular e feito com pré-processadores. Sinta-se livre para usar a arquitetura CSS que achar mais adequada.
• Trabalhamos com clientes perfeccionistas, portanto tenha atenção com espaçamentos, tamanhos e estilos de fonte.

• Alcançar os objetivos propostos
• Qualidade de código
• Commits parciais, mostrando a linha de desenvolvimento
• Boa descrição das funcionalidades do desafio
• Não utilização de bibliotecas ou frameworks
• Fidelidade ao design proposto
• Adaptação mobile