Desafio arquitetura frontend

Esta é uma avaliação bem específica para arquitetura e boas práticas de desenvolvimento.

O objetivo é conhecer um pouco a forma como você resolveria alguns problemas e a sua habilidade/experiência em criar e organizar um projeto em micro front-end.

1. Tarefas

O teste consiste em duas telas: uma lista de produtos e a página do produto.

• Criar um bootstrap da aplicação
• SSR (Server Side Rendering)
• Manter SPA entre as rotas
• Monorepo

OBS: Lembrando que cada tela será uma aplicação difente (Conceito de microfrontend).

1. Consumindo o endpoint https://pacific-wave-51314.herokuapp.com/products?page=<page_num>&size=<page_size>, faça uma tela mostrando a lista de produtos retornada

2. Ao clicar em um produto, o app deve consumir o endpoint https://pacific-wave-51314.herokuapp.com/products/<product_sku> para exibir a tela de produto

OBS: para esse desafio não vamos analisar pixel perfect.
Mas nosso time de produto preparou esse layout para usar de referência. 😉

2. O que vamos avaliar

• Organização do código;
• Mensagens (em inglês) e mudanças nos commits;
• Composição/reutilização (DRY);
• O motivo de ter escolhido a arquitetura e cada tech da stack;
• Como rodar sua aplicação 🚀

3. O que pode ser diferencial

• Reutilização dos componentes entre as tecnologias
• Multi stack (Ex: página da home em React.js e página de detalhes em Vue.js )
• Deploy

4. Como enviar

Nos envie o link do repositório (github/bitbucket) para o e-mail [email protected]