This project was bootstrapped with Create React App and uses Material-UI v4.1.1 for stlying and slider components Can be viewed here Loan Calculator

Loan Calculator App

This is a react app that calculates the number of payments & the monthly payment EMI

Interface

Has two input sliders, to select the loan amount, and the tenure of the loan, post selection the App makes a call to https://ftl-frontend-test.herokuapp.com/interest?amount=&numMonths= which inturn returns a JSON with the following data

Response

{
  "interestRate": 0.25,
  "monthlyPayment": {
    "amount": 52,
    "currency": "USD"
  },
  "numPayments": 12,
  "principal": {
    "amount": 500,
    "currency": "USD"
  }
}

The Json is stored in the state and passed down to the DisplayResult Component to Render.