Teste de Front-end Raks

Este teste é apresentado aos candidatos as vagas de desenvolvimento Front-end para avaliar os quesitos técnicos.

O Desafio

Seu objetivo é criar um simples app que deve conter duas páginas, uma que exibe um formulário com os campos abaixo, e outra que liste os dados cadastrados.

• Nome completo
• Data de nascimento
• Endereço
• Descrição

Pré-requisitos:

• Deve ser possível criar, listar e excluir os dados cadastrados pelo formulário através da API disponibilizada;
• Os inputs de texto e botão devem ter a aparência conforme o guia de estilo abaixo (com validações);
• Deve ser utilizada a versão mais recente do Angular;

Plus:

• A página ser responsiva;
• Testes, no mínimo testes unitários;

O que esperamos:

• Padrão de Projeto e boas práticas de Orientação a Objetos;
• Criar um passo a passo de como rodar sua aplicação (Sugestão);
• Criar uma breve descrição da solução utilizada.

Guia de estilo

Input:

• Cor da fonte sem foco: #efeeed.
• Cor da fonte com foco: #333333.
• Cor da borda: #efeeed.

Input Inválido:

• Cor da fonte: #eb4a46.
• Cor da borda: #eb4a46.

Botão Habilitado:

• Cor da fonte com foco: #ffffff.
• Cor de background: #00c8b3.

Botão Hover:

• Opacidade do botão com hover: 70%.

Botão Desabilitado:

• Cor da fonte sem foco: #dddcdc.
• Cor de background: #f6f6f6.

Botão Loading:

*Criar animação de loading ao clicar no submit