Teste Econverse: Vaga Desenvolvedor Front-End Jr

Vem ser #Econverse!

Segue abaixo as instruções para a execução do teste.

Instruções

  • 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 e eduardo.rodrigues@econverse.com.br com o título Teste Vaga FrontEnd Jr

Especificações Técnicas

  • Desenvolver a pagina em React 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.

Pontos Extras

  • Utilizar Boas práticas de SEO
  • Uso de HTML semântico

O que avaliaremos em seu teste

  • Organização do projeto
  • Lógica do código
  • Componentização
  • Alcance dos objetivos propostos

Boa sorte! ;)