Segue abaixo as instruções para a execução do teste.
- Faça um fork desse projeto para a sua conta pessoal do GitHub.
- Crie um README com as instruções para compilar, testar e rodar o projeto.
- O link do repositório deverá ser enviado para o e-mail [email protected] e [email protected] com o título Teste Vaga FrontEnd Jr
- Desenvolver a pagina em html conforme o layout nesse Link. Para conseguir pegar os elementos do Figma, basta copiar o layout para sua conta que terá acesso de edição.
- Montar a Vitrine de produtos consumindo as informações dos produtos em json atraves desse Link com uso de jQuery, React.js, Vue.js, ou Angular.
- Desenvolver a interação ao clicar em um produto conforme layout. A interação consiste em abrir um modal com as principais informações do produto presente no arquivo JSON conforme o produto que clicar.
- Desenvolver os Htmls semânticos.
- Utilizar Pré-processador Sass, Less ou Stylus.
- Respeitar o Layout pixel a pixel, tamanho das fontes, cores e botões.
- Não Utilizar Framworks como Bootstrap, Foundation, ou afins.
- Utilizar Automatizadores de Tarefas como: (Grunt, Gulp ou Outros).
- Utilizar Boas práticas de SEO.
- Organização do Projeto.
- Organização do projeto
- Lógica do código
- Identação do código
- Uso de componentização
- Alcance dos objetivos propostos
Boa sorte! ;)