Este teste busca avaliar quesitos técnicos para as pessoas que se candidatem às vagas de desenvolvimento front-end da Via Varejo.
Seu objetivo é criar uma SPA (Single Page Application) seguindo o layout que está em esta url https://goo.gl/yMrCaf.
- Incluir transações de compra ou venda de mercadoria
- Persistir as transações no
local storage - Criar um extrato das transações incluídas. As transações deverão ser mostradas na ordem em que foram incluídas
- Mostrar o saldo final e destacar se houve lucro ou prejuizo
- A aplicação deverá ser responsiva e estar de acordo com o layout fornecido.
O layout fornecido não é muito complexo visualmente, nosso maior interesse é em ver como você reutiliza código e resolve algumas questões apresentadas nele
- O menu principal do cabeçalho é apenas para efeito de layout, não há necessidade de desenvolver outras páginas;
- O layout deve se adaptar e mudar de acordo com o tamanho da tela
- Testaremos em smartphones, tablets (modos portrait e landscape) e monitores a partir de 1024px até 1900px
- A fonte utilizada é a Lato
- A largura máxima do conteúdo é 1100px
- HTML semântico, limpo e claro
- CSS responsivo, semântico, reutilizável e seguindo boas práticas
- Conhecimento de Javascript orientado a objeto, funcional e/ou reativo
- Utilização correta de git
- Testes unitários
- O código deverá funcionar no Chrome
Você é livre para utilizar qualquer framework JS que preferir, mas saiba que aqui na Via Varejo por enquanto trabalhamos com Angular 4 e 7
Na parte de CSS, você é livre de utilizar qualquer preprocessador também, mas não é permitido utilizar nenhum framework CSS. Aqui na Via Varejo utilizamos Sass (scss).
Sobre task manager, bundler e similares, fica à vontade, apenas pedimos que você adicione instruções detalhadas sobre como fazer funcionar a aplicação.