O desafio

Seu objetivo é criar uma SPA (Single Page Application) seguindo o layout que está em esta url https://goo.gl/yMrCaf.

O que sua aplicação deverá fazer

  • 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.

Sobre o layout

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

O que será avaliado

  • 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

  • O código deverá funcionar no Chrome

Tecnologias que você pode utilizar 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).

...utilizado JS puro