Giter Club home page Giter Club logo

rent-or-buy's Introduction

Desafio OLX Imóveis

Live coding video: https://youtu.be/bzDqmksWHTg

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/

Requisitos

UI Mockup

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$) 1
  • Valor do imóvel para comprar (R$) 2
  • 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.

Você pode usar essa biblioteca para ajudar no cálculo dos juros compostos do aluguel (já presente no package.json): https://github.com/kfiku/InterestJS

1,2 Bônus: valores default por estado

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

Automação

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

rent-or-buy's People

Contributors

diegohaz avatar

Watchers

James Cloos avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.