Overview 🔗

Mortgage and takeover simulator for property owners and buyers. Part of Pinhome’s property ecosystem, helping users calculate loan repayments, compare mortgage products, and start applications.

Role & Context 🔗

As a Software Engineer at Pinhome, I worked on the mortgage simulator and application flow — a micro-frontend integrated into Pinhome’s broader property platform. The focus was on building a fast, SEO-friendly mortgage calculator that feeds into the broader application pipeline.

Key Features 🔗

Mortgage Calculator 🔗

Interactive loan simulation with adjustable parameters — loan amount, tenure, interest rate, and down payment.

Mortgage Takeover Simulator 🔗

Compare and simulate mortgage takeover scenarios from one bank to another.

Application Flow 🔗

Smooth handoff from simulation results into the mortgage application process.

Build Notes 🔗

Micro-Frontend Architecture 🔗

The mortgage simulator and application flow live as a micro-frontend within Pinhome’s broader property platform. This means the mortgage module has its own build and deployment cycle, independent of the parent app shell. Next.js server-side rendering ensures the mortgage pages are SEO-friendly — critical for a product where users often discover KPR calculators through search.

SEO-Driven Product Decision 🔗

Mortgage calculators are high-intent search terms. Building this as a server-rendered micro-frontend rather than a pure client-side app was a deliberate product decision to ensure discoverability through organic search.