Karhub - Teste Frontend

Seja bem-vindo ao Teste de Frontend da Karhub!

Desafio

• Desenvolver uma página de listagem de produtos para um Ecommerce de Autopeças, implementando um sistema de rotas que permita acessar a página de detalhes de cada produto individualmente. A funcionalidade deve incluir:
  • Uma página principal de listagem exibindo 8 produtos acessível através da rota /produtos (paginação opcional).
  • A capacidade de clicar em um card de produto na listagem e ser redirecionado para uma página de detalhes específica do produto, acessível através da rota /produtos/:id.
• Além disso, o teste visa avaliar a habilidade de replicar o layout conforme o proposto (essa parte não precisa ser funcional, apenas visual), incluindo:
  • Um cabeçalho (header) e um rodapé (footer) que devem permanecer visíveis tanto na página de listagem de produtos (/produtos) quanto na página de detalhes do produto (/produtos/:id)..
  • Um filtro de produtos.

Todo o material necessário está nesse repo.

Como deve ficar:

Acessar Figma

O que será analisado?

• Semelhança com o protótipo passado;
• Organização;
• Código Limpo;
• Criação e utilização de componentes;
• Documentação;
• Commits Semânticos;
• Responsividade;

Stack

Teste deverá ser feito em React, em um dos seguintes Frameworks: Remix, Next ou Astro.