Quadro de Servidores - Projeto Academico

Cenário
Crie uma interface de usuário demonstrando o básico necessário para simulação do design e interações descritas abaixo.

Design e Funcionalidades
Você pode ver o mockup da interface https://raw.githubusercontent.com/TagPlus/teste-dev-frontend/master/mockup.png.
Sua interface deve possuir uma implementação básica que reflita o design com a maior fidelidade possível.

Cada bloco cinza abaixo de "Quadro de Servidores" representa um servidor no cluster.
O cluster deve ser iniciado com 4 servidores.

Priorize funcionalidade sobre perfeição do design.
Isto é uma funcionalidade de demonstração e sem o funcionamento básico não importa o quão bonito está.

Interações
Use o seu julgamento para definir qualquer detalhe de interação que acredite estar faltando.
Faça uma nota na documentação para explicar este funcionamento e suas decisões.

Clicar em "Novo Servidor" deve criar um novo servidor e adicionar um novo bloco cinza no quadro.
Clicar em "Destruir" deve remover o último servidor criado e também o bloco cinza correspondente do quadro.
Clicar no "+" de algum dos Apps Disponíveis deve iniciar uma instância deste app no cluster.

Clicar no "-" de algum dos Apps Disponíveis deve encerrar a instância mais novo deste app no cluster.
O que acontece quando você clica em "+" de um app?
Cada servidor pode rodar no máximo 2 apps ao mesmo tempo.
Quando um novo app é iniciado, ele deve ser alocado seguindo o seguinte algoritmo:

Iniciar no primeiro servidor executando 0 (zero) apps.

Se todos os servidores estiverem rodando ao menos 1 app, o novo app deve ser iniciado no primeiro servidor rodando apenas 1 app.
Se todos os servidores estiverem rodando 2 apps, o novo app não deve ser iniciado.
O que acontece quando você clica em "Destruir"?
Quando um servidor for destruído, cada app alocado neste deve ser reiniciado em outro servidor no cluster seguindo o algoritmo citado anteriormente.

Se não houver capacidade para reiniciar os app em outro servidor, eles devem ser encerrados.
Exemplo:

servidor 1 contendo Hadoop e Rails
servidor 2 contendo Hadoop
servidor 3 contendo Chronos
Se clicar em destruir o resultado esperado será

servidor 1 contendo Hadoop e Rails
servidor 2 contendo Hadoop Chronos
Crédito extra
Se você conseguir montar o simulador e tiver tempo extra, adicione melhorias e acabamentos que achar interessantes. Seguem algumas idéias:

Faça o quadro responsivo para telas de, no mínimo, 480px de largura.

Coloque um delay para iniciar os apps via animação para simular a alocação e tempo de inicialização.
Quando um segundo app for iniciado no servidor, anime o particionamento do servidor em 2 pedaços.
Implemente um overlay nos servidores a ser exibido com hover e que possua o botão "Destruir" para destruir este servidor.

Coloque animações de alerta quando servidores ou apps não puderem mais ser destruídos.
Artefatos para entrega
Envie um arquivo comprimido (zip, rar, tar, tar.gz etc) contendo o código fonte e um arquivo README.md explicando o passo a passo de como podemos inicializar e visualizar seu simulador.

Você pode utilizar recursos ou bibliotecas de terceiros que achar convenientes para o cenário dado. Liste estas bibliotecas no arquivo README e uma explicação breve de por quê utilizou cada uma.

Desenvolva para browsers modernos e teste neles. Aconselhamos realizar testes no Chrome, Firefox e Safari.

IMPORTANTE
Não comite seu código em nenhum repositório público.

Boa sorte