/reactjs-test

Primary LanguageJavaScript

Netbiis Front-End Reactjs test

Steps

Enviroment

  • Baixe ou Faça um Fork da aplicação do git Hub : Netbiis Front-End Test para o seu próprio Git
  • Rode localmente a aplicação

Lógica, Javascript e React

  • Os itens com ids impares da lista devem possuir o background cinza claro, os pares, branco.
  • Utilize outra forma de gerar ids únicos e randômicos para cada item
  • A função de Done não está implementada, por favor implemente
  • Ao adicionar um item na lista, o input de texto deve ser limpo
  • Quando um item estiver FEITO, a palavra 'sim' deve estar verde e quando for 'não' devem estar em vermelho.
  • Quando um item estiver FEITO, o botão 'Ok' deve ficar invisível
  • Adicione mais um botão de ação aos itens, com a lógica de exclusão [Delete] (não se preocupe com layout)
  • Sempre que atualizo a tela a lista é limpa, utilize um meio de manter as informações constantes (Talvez sessionStorage ?)

HTML e CSS

  • Adicione alguma bibloteca de Estilo (Bootstrap, Material)
  • Mude a fonte inteira da aplicação. Qualquer outra que não seja Times new Roman
  • Personalize apenas um componente (o input de todo ou o botão de adicionar. Mude a cor de fundo (qualquer cor) e deixe com bordas arredondas (o quanto desejar))
  • Quando estiver sobre um item da lista, mude o ponteiro do mouse, para que o item pareça clicável.
  • Existe um componente na aplicação que está dentro de uma tag div, porém poderia estar dentro de um tag article, Mude para article o componente que acredita ser o mais indicado
  • Ao ir concluindo cada solicitação dessa lista, por favor gere um commit e realize o push.
  • Prazo para entrega: Caso esteja livre inicio imediato, o prazo é 24hrs. Caso esteja trabalhando, é 48hrs.
  • Quando concluir, responda o email que recebeu com o link desse repositório, adicionando o link do SEU repositório com a aplicação concluida.

BOA SORTE