Join Makerpad today

Makerpad is home to over 9,000 folks. Access members-only content, build real projects & get expert support
Tutorials
/
๐Ÿงฎ A calculator app in Boundless

๐Ÿงฎ A calculator app in Boundless

Link to Demo

Formulas (โ€œBoundlesโ€) in Boundless are powerful, they are like little excel cells you can use in tables or use in your website.

Boundles are also live updating, this means you can wire up formulas that update live on your website as your users enter and change data.

In this tutorial we'll show how to use Boundles to build a live updating mortgage calculator.

Define a mortgages table with the following columns:

  • Amount โ†’ Money
  • Interest Rate โ†’ Number (Decimal)
  • Term โ†’ Single Option Select with (10, 15, 30, 40) as options
  • Monthly Interest Rate โ†’ Formula (Current Mortgage.Interest Rate / 12 / 100)
  • Term months โ†’ Formula (Current Mortgage.Term * 12)
  • Monthly Payment โ†’ Formula FORMAT_CURRENCY(Amount * (Monthly Interest Rate * (1 + Monthly Interest Rate) ^ Term Months) / ((1 + Monthly Interest Rate) ^ Term Months - 1)

We can add a row to confirm that the formula is correct:

Goto the landing page /

  • Hide the page header
  • Hide the page footer
  • Drag and drop in a form for Mortgages
  • Layout the inputs by dragging them next to each other
  • Add a content node under the last input
  • Add a Boundle to output the Monthly Payment by typing =Current Mortgage.Monthly Payment
  • Save and publish

You must be a member to view the full lesson

Join Makerpad today

Makerpad is home to over 9,000 folks. Access members-only content, build real projects & get expert support

If you'd like this template, message @bentossell on Slack with your email for the account to send this template.

Ready to get started?

Join the community and start turning your ideas into solutions