Prova Técnica Front-End - Arezzo

Fazer uma solução simples. “É muito mais dificil deixar algo mais simples do que mais complexo”.

Como proceder   |    O que posso utilizar?   |    Aplicação   |    O que será avaliado?   |    Helpers

ℹ️ Como proceder

O candidato:

• Deve ter uma conta no Github.
• Deve clonar esse repositório.
• Deve ler atentamente todos os pontos do README.
• Deve disponibilizar o projeto finalizado na sua conta do Github.
• Deve criar um README explicando como executar o projeto.
• Deve enviar o link do repositório para o contato responsável.

🛠️ O que posso utilizar?

O candidato:

• Pode utilizar HTML
• Pode utilizar CSS
• Pode utilizar SASS
• Pode utilizar JavaScript
• Pode utilizar Vanilla (Será considerado um diferencial)
• Pode utilizar ReactJS
• Pode utilizar ferramentas de compilação (Será considerado um diferencial)

🚫 O que não se deve utilizar

O candidato:

• Não deve utilizar jQuery
• Não deve utilizar frameworks UI (Bootstrap, Foundation, etc)

🎨 Aplicação

O candidato:

• Deve criar a seguinte página de categoria

Funcionalidades da aplicação

O candidato:

• Deve diagramar o header
• Pode ser desenvolvido um dropdown no ícone de login, conforme a imagem acima (Será considerado um diferencial)
• Pode ser desenvolvido um carrossel no espaço para banner (Será considerado um diferencial
• Deve criar um "filtro" de ordenação
  • Maior valor
  • Menor valor
  • Nome A-Z
  • Nome Z-A
• Deve listar os produtos (buscar produtos do JSON)
• Deve criar uma paginação a cada 20 produtos
• Deve diagramar o footer

🧾 O que será avaliado?

• Estética (Espaçamentos, fontes, cores, responsividade);
• Semântica;
• Acessibilidade;
• Boas práticas;
• Padrão de código;
• Organização;
• Complexidade da solução x desafio;

🆘 Helpers

• products.json: Arquivo que irá conter produtos para listagem.
• Logo: Logo
• Banner 01: Banner 01
• Banner 02: Banner 02
• Banner 03: Banner 03