Skip to content

Sunil-Pradhan/react-home-loan-calculator

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Home Loan Calculator

General info

I have used React to build Home Loan Calculator. You can select what would be your home value, how much you are ready to pay as down payment, how much you need as loan amount and what would be the interest rate.

Finally, you can select the tenure of the loan amount, based on all the criteria pie chart would draw and inform you monthly EMI amount. Also, the pie chart will inform you on the principal and interest amount which you are going to pay.

Screenshot of the App

React Home Loan Calculator

Technologies Used

  • React
  • Material UI
  • React Chartjs 2

Concept Demonstration

  • React Functional Components
  • User Inputs
  • Handling Props
  • props destructuring
  • useState Hook
  • Material UI
  • React Chartjs 2 (Pie Chart)

Folder Structure

React Home Loan Calculator - Folder Structure

npm Packages

npx create-react-app .
npm install @mui/material @emotion/react @emotion/styled
npm install --save chart.js react-chartjs-2

Releases

No releases published

Packages

No packages published