https://github.com/roundedtoken/mortgage_calculator_form

The application will help calculate the monthly mortgage payment based on the property value, down payment amount and loan term
https://github.com/roundedtoken/mortgage_calculator_form

calculator form

Last synced: 6 months ago
JSON representation

The application will help calculate the monthly mortgage payment based on the property value, down payment amount and loan term

• Host: GitHub
• URL: https://github.com/roundedtoken/mortgage_calculator_form
• Owner: RoundedToken
• Created: 2023-10-11T19:46:38.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2023-12-20T17:02:16.000Z (about 2 years ago)
• Last Synced: 2025-08-27T11:32:09.990Z (6 months ago)
• Topics: calculator, form
• Language: TypeScript
• Homepage: https://mortgage-calculator-form.onrender.com
• Size: 211 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [Mortgage Calculator](https://mortgage-calculator-form.onrender.com/)

## Description

React SPA "Mortgage calculator" – the application will help calculate the monthly mortgage payment based on the property value, down payment amount and loan term







You can find `Figma` design [here](https://www.figma.com/file/W7ZFBdpRom3ckDgXaZHGvB/Bankimonline---Test-(Copy)?node-id=0%3A1&mode=dev)

## Technologies

### Front-end stack





 



 



 



 



### CI/CD stack





## About the work done

- Form implementation using the `Formik` library for calculating monthly mortgage payments

- Form validation using the `Yup` library

- Responsive layout based on a `Figma` design using the `TailwindCSS` UI library

- Implemented a custom select component with a dropdown portal and custom scrollbar, as well as search and alphabetic sorting of options

- Implemented custom input components with range bar interactivity and dynamic formatting of entered numbers