Mortgage calculator mobile app

250 developers have joined this project.

What you will practice

You'll practice how to use DOM manipulation. Additionally, you'll learn how to update the UI using JavaScript and apply your skills to real-world products (i.e. online banking services).

Introduction

Taking out loans and calculating monthly EMI can be confusing and stressful. However, with the help of a mortgage calculator, anyone can easily plan their mortgages out. You will build a mortgage calculator in this project!

Requirements

Set up a React App(Vanilla JS or your favorite framework works too)
Users can set purchase prices
Users can set down payment
Users can set repayment time
Users can set interest rate
Show users loan amount (purchase price - down payment)
Show users the estimated amount they'll pay on a monthly basis

Here is an example of the UI for this project but you're welcome to make any changes you'd like! 🙂
Mortage_Calculator_(mobile).png

Suggested Implementation

This project can be implemented using any of the following technologies:

For cross-platform apps, React Native/Flutter is recommended
For iOS, Swift is recommended
For Android, Java or Kotlin is recommended

References

React Native docs
Flutter Documentation
Kotlin Documentation
Swift Documentation
Slider React Native Docs
Slider Flutter Documentation
Formula for mortgage payments: M = P[r(1+r)^n/((1+r)^n)-1)]
- M = the total monthly mortgage payment
- P = the principal loan amount(Purchase Price - Down Payment)
- r = your monthly interest rate
- n = number of payments over the loan’s lifetime.

Hit a programming wall?
Get help from our mentors

Post request free
First 15 mins free

Suggested languages and frameworks

JavaKotlinReact Native SwiftFlutter

Difficulty

medium

Contributed by

Rishi Purwar

Full-stack Web Developer

Interested in this project?

Shorten your learning curve with on-demand programming help

The awesome set of verified mentors will provide guidance and mentoring help when you are stuck.

Suresh Atta

Post request free
First 15 mins free

Shorten your learning curve with on-demand programming help

Other recommended projects

medium

Food journal mobile app

You’ll create a mobile app, using your preferred technology for mobile development, to capture photos and information about what you eat.

SwiftJavaReact Native

medium

Joke telling bot mobile app

Whether it's smartphones, cars, or speakers, voice assistants are becoming more and more integral to our everyday lives. Not only so, voice assistants are gaining traction in companies to help streamline operations like Customer Service. In this project, you'll build a full-fledged Joke Telling Robot Mobile App using Text to Speech APIs, which can be applied to both web apps and mobile apps.

FlutterKotlinSwiftJavaReact Native

easy

To-do list mobile app

You will create a to-do list application by using your preferred mobile application development framework. People are finding it harder and harder to remember and manage daily tasks in this fast-paced world. By creating a to-do list app, users can create and manage their daily tasks more easily.

SwiftJavaReact Native