Smart financial calculators built for Singapore — loans, CPF, investments, retirement, and more.
NovaFinance is a comprehensive suite of financial calculators tailored for Singapore residents. It provides instant, accurate calculations for everyday financial planning — from CPF contributions to mortgage affordability.
- Loan Calculator — Monthly repayments, total interest, and amortisation schedules
- Mortgage Calculator — Property loan calculations with down payment breakdown
- CPF Calculator — Employee & employer CPF contributions based on Singapore's latest rates
- Savings Calculator — Compound interest projections for regular savings
- Investment Calculator — Long-term investment growth modelling
- Budget Planner — Income, expenses, and savings tracking with visual breakdowns
- Retirement Calculator — Estimate your retirement readiness
- Emergency Fund — Calculate your safety net requirements
- Debt-to-Income Ratio — Assess borrowing capacity
- Affordability Calculator — Property and loan affordability checks
- Bonus Tools — GST calculator, tax estimator, net worth tracker, currency converter
| Category | Technology |
|---|---|
| Markup | HTML5 |
| Styling | CSS3 (Custom Properties, Flexbox, Grid) |
| Logic | Vanilla JavaScript (ES6+) |
| Hosting | GitHub Pages |
| CI/CD | GitHub Actions |
┌─────────────────────────────────────┐
│ Browser (Client) │
├─────────────────────────────────────┤
│ HTML Pages (12 calculators) │
│ ↓ ↓ │
│ css/style.css js/*.js │
│ (Theming & (Calculator │
│ Layout) Logic) │
├─────────────────────────────────────┤
│ GitHub Pages CDN │
└─────────────────────────────────────┘
novafinance/
├── index.html # Landing page
├── loan.html # Loan calculator
├── mortgage.html # Mortgage calculator
├── cpf.html # CPF calculator
├── savings.html # Savings calculator
├── investment.html # Investment calculator
├── budget.html # Budget planner
├── retirement.html # Retirement calculator
├── emergency.html # Emergency fund calculator
├── dti.html # Debt-to-income ratio
├── affordability.html # Affordability calculator
├── tools.html # Additional tools
├── css/
│ └── style.css # Global styles & theming
├── js/
│ ├── main.js # Shared utilities & nav
│ ├── loan.js # Loan calculator logic
│ ├── mortgage.js # Mortgage calculator logic
│ ├── cpf.js # CPF calculator logic
│ ├── savings.js # Savings calculator logic
│ ├── investment.js # Investment calculator logic
│ ├── budget.js # Budget planner logic
│ ├── retirement.js # Retirement calculator logic
│ ├── emergency.js # Emergency fund logic
│ ├── dti.js # DTI calculator logic
│ ├── affordability.js # Affordability logic
│ └── tools.js # Additional tools logic
└── .github/
└── workflows/
└── deploy-pages.yml # GitHub Pages CI/CD
- A modern web browser (Chrome, Firefox, Safari, Edge)
-
Clone the repository:
git clone https://github.com/alfredang/novafinance.git cd novafinance -
Open
index.htmlin your browser — no build step required.
Since this is a static site, you can use any local server:
# Python
python3 -m http.server 8000
# Node.js (npx)
npx serve .The site auto-deploys to GitHub Pages on every push to main via GitHub Actions.
To deploy your own fork:
- Fork this repository
- Go to Settings → Pages → Source → GitHub Actions
- Push to
main— the workflow handles the rest
Live URL: https://<your-username>.github.io/novafinance/
Contributions are welcome!
- Fork the repository
- Create a feature branch (
git checkout -b feature/amazing-feature) - Commit your changes (
git commit -m 'feat: add amazing feature') - Push to the branch (
git push origin feature/amazing-feature) - Open a Pull Request
Tertiary Infotech Academy Pte. Ltd.
- Google Fonts — Inter
- Shields.io for badges
- Singapore CPF Board for contribution rate references
If you find this useful, please give it a ⭐!