Skip to main content

My contribution

I handled most of the implementation. Vladimir handled most of the testing. We built this project together for a Swedbank task.

How I worked on it

  • Used a state object and separate view logic to manage the multi-step form, validation, and navigation.
  • Kept the calculation separate from the interface so numeric edge cases could be checked independently.
/loan-payment-calculator/app/

Fictional demonstration. The example runs locally in your browser and sends no form data.

What it is

The original calculator was built with Vladimir for a Swedbank interview task. The portfolio version is a fictional demonstration with its own styling, example loan values, and no personal-data fields. It uses JavaScript modules with separate state, view, and calculation logic.

Features

  • Multi-step wizard with back/next navigation
  • State machine pattern, no framework lock-in
  • Pure vanilla ES modules
  • Fictional demo with translated labels, keyboard navigation, and example values only

Stack

JavaScript (ES modules)CSSNo build step

How to run it

git clone https://github.com/AG064/Loan-Payment-Calculator.git
cd Loan-Payment-Calculator
# Open index.html in a browser, or:
python -m http.server 8000
# then visit http://localhost:8000