House Payment Pro

This is House Payment Pro, an app that helps users figure out if they can afford a mortgage based on the home value, down payment, loan amount, interest rate, monthly income, and tenure of loan. The pie chart displays the amount of principle and interest that will be paid over a specified time.

Tech used: JavaScript, React.js, MUI, and Chart.js. I used React to build the user interface and the functionality of the app. I used MUI for the styling. I used Chart.js to create the pie chart. I used git and github for version control and the app will be hosted on Railway.

I enjoyed working on this app because, as someone looking to purchase a house soon, this app is something that could help me and others. Working on this app has also given me some practice working with React. I used props to pass data from parent components to child components. Props allow me to customize and configure child components based on different values and parameters. An example of a prop would be the minimum values of each slider. Another React feature I used was the state. The state manages and stores data that can change over time. It represents the current state of a component and enables the component to update and re-render based on the changes to that state. An example of the state changing is when the user drags the slider select to different numbers on the sliders. This action would update the UI displaying the new number.