Desafio para Front-ender da SimplesVet

Olá, muito obrigado por querer fazer parte do nosso time, ficamos muito felizes por isso! =)

Desafio é a nossa cara, então aqui vai um bem legal... espero que você se divirta!

"Se você aceitar o desafio..."

Estamos passando por um processo de "re-design" da nossa aplicação e isso envolve, principalmente, uma nova arquitetura de código.

Já usamos (e gostamos muito de Vue.js) e o nosso novo padrão de front-end será em........ Vue.js!

"Vou desafiar você, você diz que sabe codar..."

Queremos que você crie um padrão para desenvolver telas de configuração (ou parâmetros, como preferir)!

Se você observar bem, as telas de configuração tem um mesmo padrão (Veja um exemplo):

• Carregar os dados de uma API
• Exibir formatados de acordo com o tipo do dado com alguma informação
• Permitir clique na informação que leva a um "modal" com um form para poder atualizar os dados
• Envia dados para API
• Modal fecha automaticamente
• Atualizar a informações exibidas na tela

Por isso queremos que você implemente um padrão para criar uma tela de configuração de maneira mais rápida!!!!

"Detalhes tão pequenos de nós dois..."

• Aplicação precisa contemplar somente o FRONT-END em Vue.js
• Para simular a API, você pode mockar em qualquer serviço online.
• Não precisa se preocupar com Layout, pode usar qualquer bootstrap ou material design da vida...
• Lembre-se, seu código servirá de base e padrão para outros desenvolvedores, então capriche na legibilidade! =)
• Seu código deve ser o mais re-utilizável possível.
• Para avaliar o seu desafio, é legal que seja fácil de executar aqui ou que você publique num now.sh ou Heroku. Lembre de criar um README.md explicando como testar/instalar!