Catálogo de produtos - Front UI/UX

Contexto

A varejista Descontrolada® identificou que está perdendo o controle sobre os produtos que ela vende.

Sendo assim, a empresa deseja implementar um sistema para ter mais confiabilidade nos registros.

Demanda

Criar e desenvolver a interface, e implementar o front de um sistema web com duas páginas, a saber:

1. Página para o cadastro dos produtos, que deve apresentar os campos: nome, preço de venda, descrição, quantidade, tipo* e data de cadastro.

   • *A varejista comercializa dois tipos de produto:
     • Orgânico, e;
     • Não orgânico.

2. Página para exibição dos produtos cadastrados, que deverá mostrar apenas 5 itens por página (de uma grid/tabela).

3. Como o cliente quer manter a sua identidade corporativa no sistema, usar como referência gráfica o arquivo Adobe XD da landing page Descontrolada®: clique aqui para baixar. Opção em PNG: clique aqui. As fontes usadas no layout estão disponíveis no Google Fonts.

O sistema também deve possuir um menu que permita a navegação entre as duas páginas.

Tecnologia a ser utilizada

O frontend pode ser elaborado com Vue.js ou Angular, priorizando sempre as versões mais recentes e que faça uso do TypeScript.

O que será avaliado no teste?

Serão avaliados os seguintes aspectos:

• Capacidade de abstração e desdobramento da identidade visual pré-existente;
• Capacidade de análise do layout e de extração de assets a partir de um arquivo Adobe XD;
• Organização do código;
• Proeficiência nas tecnologias de frontend (Vue ou Angular);
• Conhecimento de TypeScript.

Informações Adicionais

Por favor, encaminhe o link do teste resolvido em um repositório GitHub para o e-mail code-challenge@codeblox.com.br.

Poderemos convidá-lo, em um segundo momento, para batermos um papo sobre a solução que você escreveu 😉.