Housing Cost Calculator
Full page version here: https://jadujoel.github.io/housing-cost/
Overview
Section titled “Overview”Housing Cost is a web-based calculator that helps you understand and visualise the true cost of homeownership. It generates interactive charts showing payment breakdowns over time, making it easier to compare different financing scenarios.
How it works
Section titled “How it works”Enter your property price, down payment, interest rate, and loan term. The calculator computes monthly payments, total interest paid, and generates SVG charts showing how your payments break down between principal, interest, and fees over the life of the loan. Adjust any parameter and the visualisation updates instantly.
Features
Section titled “Features”- Payment Breakdown — See how monthly payments split between principal, interest, and fees
- Interactive Charts — SVG-based visualisation of costs over time
- Scenario Comparison — Adjust parameters to compare different financing options
- Instant Feedback — All calculations happen client-side with live chart updates
Tech Stack
Section titled “Tech Stack”| Language | TypeScript (82.2%) |
| Charts | SVG (client-side rendering) |
| Runtime | Bun |
| Deploy | GitHub Pages |
Source Code
Section titled “Source Code”The source code is available on the project’s GitHub repository.