Esse é o nosso desafio para você! O objetivo é avaliar o seu conhecimento e habilidades em front-end.
Somos a Humanoide. Combinamos design, tecnologia e usabilidade para criar produtos digitais encantadores. Nosso trabalho é tirar grandes ideias do papel.
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!
- Faça um fork do projeto para a sua conta e clone-o para o seu ambiente de trabalho.
-
Desenvolva uma versão desktop e mobile.
-
Utilize apenas dois breakpoints: desktop e mobile.
-
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
- HTML
- CSS
- Javascript
- Semântica
- Organização
O prazo de entrega é até o dia 20/03/2019
Se tiver alguma dúvida, você pode entrar em contato pelo e-mail: ola@humanoide.co ou diogo@humanoide.co