Construa uma SPA interativa utilizando ReactJS para ajudar o usuário a decidir se deve comprar ou alugar um imóvel.

Utilize essa página como referência (o que você deve construir é uma versão bem simplificada disso): http://www.trulia.com/rent_vs_buy/

Os valores inferiores e superiores de cada range aparece entre parênteses no mockup, mas não deve ser visível ao usuário

Os parâmetros de entrada são:

• Valor do aluguel mensal (R$) ¹
• Valor do imóvel para comprar (R$) ²
• Quanto tempo você irá morar (anos) (Default: 10 anos)
• Taxa de juros anual (%) (Default: 11,5%)

Com esses parâmetros, você deve calcular o valor total de cada tipo de investimento ao fim do período determinado (diferente do Trulia), utilizando uma fórmula de juros compostos. O total deve ser renderizado como um gráfico de barras simples que deve reagir ao input do usuário.

O cálculo de juros deve ser aplicado ao valor de compra se o comprador fosse financiar 100% desse valor em X anos. Ou seja, se eu for financiar um imóvel de R$1.000.000 e os juros são 10% ao ano durante 30 anos, eu vou pagar um valor total aproximado de R$2.500.000. Se eu alugar esse apartamento pelo mesmo período (30 * 12 meses), pagando R$5.000/mês, eu pagarei R$1.800.000. Ou seja, nesse exemplo, vale mais a pena alugar do que comprar.

Você pode usar essa biblioteca para ajudar no cálculo dos juros compostos do valor total da compra (já presente no package.json): https://www.npmjs.com/package/loanjs

Os valores para aluguel mensal e valor de compra podem ser definidos a partir da seleção de um dropdown de estado. Os dados para esses valores estão em: /api/valores.json

Dependências do projeto devem ser instaladas com:

npm install

A aplicação deve ser executada com:

npm start

Bônus: Testes automatizados devem ser executados com:

npm test