Devlog 2

This past approximately 1 hour and 30 minutes was used mainly for two things:

1. Test out the accuracy of the calculator by comparing it to CMHC’s existing mortgage calculator.
2. Adding some styles to it.

Changes:

• Added a top bar, which includes a Canadian Maple Leaf in-line with the text “Canadian Mortgage Calculator.”
• Changed the font and font sizes of the text, inputs, and buttons.
• The button is now red with white text.
• The payment per period is now displayed either on the right (if the screen is wide enough) or below the inputs. The Mortgage Amount, Down Payment, Loan-to-Value, and Insurance Premium are also displayed.
• A 25% transparent white background surrounds both the form and input to allow the user to see the necessary information.
• Added a background image (image of housing, source: Bank of Canada)

Next steps:

• Start of NHA MBS calculator (which has not been built by anyone yet!)

Devlog 1

Using vite in my Andromeda project (from the Give your Website a Pulse project) really helped as I managed to install it for this project as well!

In Canada, the CMHC only offers a Mortgage Calculator and provides only documentation for the NHA MBS calculation; however, I am going to try and change that by creating one.

I started off this project by creating a Mortgage Calculator that would take the Home Price, Down Payment on the Home, Annual Interest Rate, Amortization Period, Payment Frequency, and having a small checkbox for whether or not the Down Payment was non-traditional. I started this project by using HTML, CSS, and JS. In the HTML portion, I used the form, label, and input elements with IDs to ask for the information listed above, and then on the JavaScript side, I used the .getElementById method to retrieve the information. I also added various calculations to the project for me to figure out CMHC’s premium amount (more information regarding CMHC’s premium can be found here) and the mortgage payment per period specified by the user.

Changes:

• Added inputs for the user to type in values for Home Price, Down Payment, Annual Interest Rate, Amortization Period, Payment Frequency, and whether or not the down payment is non-traditional.
• Added calculations in the background (the premium amount and mortgage payment per period are displayed in the console).
• The favicon has changed from being the vite default.

Next steps:

• Check the accuracy of the calculator by comparing it to the CMHC Mortgage Calculator that they provide (preliminary tests show that it is accurate to the hundredths place).
• Add CSS and other formatting.
• Start the NHA MBS part of the project

Disclaimer: This is an independent, unofficial software implementation and is not affiliated with, endorsed by, or approved by CMHC.