Segue abaixo as instruções para a execução do teste.
- Faça um fork desse projeto para a sua conta pessoal do GitHub.
- Desenvolva a página conforme as Especificações Técnicas
- 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 ana.nascimento@econverse.com.br, joao.victor@econverse.com.br e eduardo.rodrigues@econverse.com.br com o título Teste Vaga FrontEnd Jr
- Desenvolver a pagina em React e TypeScript conforme o layout. 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.
- 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.
- Utilizar Pré-processador Sass, Less ou Stylus.
- Respeitar o Layout pixel a pixel, tamanho das fontes, cores e botões.
- Não Utilizar bibliotecas UI como Bootstrap, Foundation, ou afins.
- Utilizar Boas práticas de SEO
- Uso de HTML semântico
- Organização do projeto
- Lógica do código
- Componentização
- Alcance dos objetivos propostos
Boa sorte! ;)