trademasterbr/test-react

Teste de conhecimento em React

Test React

Esta é uma aplicação React simple para avaliar o conhecimento do candidato para uma vaga de desenvolvedor frontend para Trademaster Servicos e Participações S.A.

TODO

PR é a melhor maneira de propor alterações na base de código (usamos o Github Flow). Acolhemos e analisamos ativamente suas requisições:

1. Faça o fork do repo e crie seu branch a partir do principal.
2. Se você adicionou um código que deve ser testado, adicione testes.
3. Se você mudou APIs, atualize a documentação.
4. Certifique-se de que o conjunto de testes seja aprovado.
5. Certifique-se de que seu código seja executado.
6. Emita essa solicitação pull!

Requisitos

Devem ser criadas 3 telas:

• Login
• Home
• Ajuda

Backend

O backend para este teste está pronto e encontra-se no diretório backend. Este, quando executado, gera um serviço web com as seguintes rotas:

• /login?user={email}&password={senha}
• /ajuda

Para fins de login, deve ser utilizado qualquer e-mail no campo user, desde que o mesmo possua sufixo @trademaster.com.br.

A senha a ser utilizada deve ser a data atual no formato YYYYMMDD.

{
    "UserName": "admin",
    "Name": "Administrador do Sistema"
}

Login

A tela de login deve apresentar dois campos:

• Usuário: Campo text com no mínimo 64 Bits e no máximo 128 Bits.
• Senha: Campo password com no mínimo 32 Bits máximo 64 Bits caracteres.

Validation

• Usuário: O valor preenhido deve ser um email
• Senha: O campo deve ser preenchido

Action

Caso de Sucesso, o usuário deve ser direcionado a tela de Home do usuário

Em caso de Erro, deve ser mostrado na tela do usuáro uma mensagem contendo o seguinte conteúdo:

• Acesso Negado, Verifique se o usuário e senha condizem com credenciais válidas.

Ajuda

A tela deve ter como título a palavara Ajuda e um texto explicativo provindo de um serviço do backend.

Home

A tela deve ter como título a palavara Gerar Arvore AVL e o corpo dividido entre duas partes; A primeira contemplando um campo inteiro com no máximo 4 carcteres e uma área que mostrará a árvore a ser criada.

O objetivo desta tela é desenhar uma Árvore AVL na tela contendo exatos numeros de nós imputados no campo intero em questão.