Affordability Assessment

This is an demonstration of how supermodels can be used to drive a UI in an an MVP fashion.
I use a DOM binding library here called superviews.js but feel free to use a view library of your choice.

The demo is an example of the kind of form you need to fill out to obtain a mortgage or loan.
Fill out the applicants details, the outgoings like household expenses.
Finally any credit commitments need to be filled out.
The MAMR (Maximum Monthly Affordable Repayment) is simply the difference between all income less outgoings.

Personal Details
Monthly Income
£
£
£
£
£
£
£
£
£
£

Total Net Monthly Income for Applicant £ 

Household expenditure
Essentials
£
£
£
£
£
£
£
£

Essential Expenses £ 

Living Expenses
£
£
£
£
£

Living Expenses £ 

Travel Expenses
£
£

Travel Expenses £ 


Total Household Expenditure £ 

Credit / Unsatisfied CCJs / Defaults / Bankruptcies and IVAs
Company Name / Creditor Applicant Type Balance (Approximate) Monthly payments To be Repaid
£
£
Total CCJs and Defaults £  £ 
Total IVAs and Bankruptcies £  £ 
Total Credit (credit cards / store cards / HP / etc) £  £ 
Total to be Repaid £ 
Total Remaining £  £ 

Summary

Todo List

Household
Credit Commitments
Loan Details
Loan Details
£
No. Applicants
Total Net Monthly Income
£ 
Total Monthly Expenditure
£