Quer trabalhar com front-end em nosso time?

Esse é o nosso desafio para você! O objetivo é avaliar o seu conhecimento e habilidades em front-end.

Sobre nós

Somos a Humanoide. Combinamos design, tecnologia e usabilidade para criar produtos digitais encantadores. Nosso trabalho é tirar grandes ideias do papel.

O Desafio

O desafio consiste em desenvolver telas de um e-commerce de fantasias para o carnaval (já que estamos no clima, né?!). Esperamos que o candidato construa as telas presentes no layout disponibilizado e siga as instruções abaixo. Boa sorte!

Setup

Faça um fork do projeto para a sua conta e clone-o para o seu ambiente de trabalho.

Instruções

Desenvolva uma versão desktop: https://www.figma.com/file/eoSSiyKixBomqVI8U5b24zq9/CarnaStore?node-id=0%3A1
Você não poderá usar frameworks CSS como Bootstrap, Materialize, Bulma
Utilize a pasta app/views para colocar os arquivos .html
Faça uma requisição para o arquivo server/data.json para ler os dados que compõem a página
A página Home possui um banner e a lista com os produtos
A página Show contém os detalhes do produto
- Se tiver preço promocional, então deve mostrá-lo, senão só o preço
Quando o botão "adicionar ao carrinho" for clicado, deve-se abrir um modal
O(s) arquivo(s) de CSS deve(m) estar preferencialmente no diretório app/assets/styles
O(s) arquivo(s) de JS deve(m) estar preferencialmente no diretório app/assets/js
O(s) arquivo(s) de imagens extraídas do layout deve(m) estar preferencialmente no diretório app/assets/images
Utilize a metodologia BEM para escrever CSS (http://getbem.com/)
Ao concluir, crie um PR com a branch em seu nome

O que será avaliado

HTML
CSS
Javascript
Semântica
Organização

Dúvidas

Se tiver alguma dúvida, você pode entrar em contato pelo e-mail: ola@humanoide.co ou david@humanoide.co