Money IO Updates

Building reusable frontend components is difficult. Bringing together all your html templates, JavaScript & styling relies on your diligence with best practices for creating maintainable, reusable and well documented code.

Recent frameworks such as Angular, React, Ember etc. aim to help but don't pay much attention to styling or sharing modular, reusable components, they give you opinionated options of how to build integrated applications.

Web Components have come along to deal with this specific problem and has had a big kick up the arse with Polymer to provide cross browser support.

MoneyIO lends itself to have reusable components that represent transaction entries and charts with different attributes that need to update automatically to reflect calculated values, as happens with spreadsheets (reactive programming).

Soo, we've jumped on this new tech bandwagon and offered our first component open source on Bower https://github.com/moneyio/payment-item. Now you're unlikely to get as much benefit from using this little component as us but follow our repos and see what's happening behind the scenes.

Some good news for the geeks, Money IO is starting to make some of the code that powers the site public. We are doing this to increase transparency into how we build our modules, contribute to the community and instill some good practices into our way of developing the site.

We've started with what's at the core of calculating the salary deductions:

uk-income-tax

uk-national-insurance

uk-student-loan

It seems silly to think you couldn't have more than one income in the past but all things are not created equal.

Now you can add multiple incomes, assign them names and apply UK tax calculations on them separately.

This has meant a few things have had to move around, the most significant being that income deductions (taxes) only appear in the income detail page.

I've added interactive charts and a shorter summary to the overview page, this should make it easier to digest your finances.

You can still see your income and outgoings with more detail by clicking on the income or outgoings in the navigation or headers

I've been meaning to add this feature for a LONG time now. Well finally you can specify a recurring day of the month for outgoings.

You'll see a handy chart with the amount of the outgoing and the day it falls on, just visit the outgoings section and head to the lower section of the page.

I've been busy behind the scenes bringing Money IO's design into the 21st century with the little design skills I possess.

Things that have changed:

New logo

More simple colour scheme and reduced clutter

New separate Income & Outgoings

New simple summary on the dashboard

And many more small details

I've used Twitter Bootstrap as the foundation for the core style and functionality. This is allowing me to iterate a lot quicker than before so expect to see updates more frequently.