{"id":1007,"date":"2023-07-04T09:56:11","date_gmt":"2023-07-04T01:56:11","guid":{"rendered":"https:\/\/five.co\/?p=1007"},"modified":"2026-05-12T10:24:23","modified_gmt":"2026-05-12T02:24:23","slug":"five-hackathon-2023-meet-the-winners","status":"publish","type":"post","link":"https:\/\/preview-php85.dzine.org\/five\/blog\/five-hackathon-2023-meet-the-winners\/","title":{"rendered":"Five Hackathon 2023: Meet the Winners and The BudgetHub Web App"},"content":{"rendered":"\n

Five Hackathon 2023: Meet the Winners and The BudgetHub Web App<\/h2>\n\n\n\n

Congratulations to Rui Qin Ng<\/a> and Jia Hwee Wong<\/a> from Singapore for winning Five’s 2023 Low-Code Hackathon<\/a>!<\/p>\n\n\n

\n
\"Five.Co<\/figure>\n<\/div>\n\n\n

<\/p>\n\n\n\n

Rui Qin is a Technical Solutions Architect at Mastercard with a Bachelor of Science in Information Systems and Operations Analytics from the Singapore Management University. Jia Hwee is a Data Scientist at Carro, Southeast Asia’s largest online used car marketplace. <\/span><\/p>\n\n\n\n

Together they created BudgetHub<\/strong>, a budgeting application that allows users to conveniently associate transactions with all of their bank accounts and cards so that they can manage their finances better and budget for their future.<\/p>\n\n\n\n

Here’s what the judges liked about the application:<\/p>\n\n\n\n

    \n
  1. The application solves a real-world problem<\/strong>: who doesn’t struggle with various credit cards, e-wallets, and bank accounts? BudgetHub makes it easy to get a comprehensive, all-in-one view onto your finances.<\/li>\n\n\n\n
  2. Use of Five’s features<\/strong>: the application makes excellent use of Five’s pre-built features, such as forms, charts, and dashboards. By having the application’s navigation menu running along the top, Rui Qin and Jia Hwee made sure there’s more space for data visualizations – exactly what their end-users would demand.<\/li>\n\n\n\n
  3. The application is very well documented:<\/strong> Rui Qin and Jia Hwee excelled in writing an excellent Medium article that covers everything about their application: functionality, developer notes, SQL queries, and JavaScript functions. And they made great use of screenshots to illustrate what their application looks like.<\/li>\n<\/ol>\n\n\n\n

    Below is a copy of their winning Medium post about their application<\/a>.<\/p>\n\n\n\n

    \n\n\n\n

    Budgeting Made Simple: Save, Simplify, Succeed!<\/em><\/p>\n\n\n\n

    Introduction<\/h2>\n\n\n\n

    Money in, money out. We have different bank accounts and financial products (such as debit\/credit cards) across many banks. Without a consolidated view of all of our transactions, we are unable to gain a holistic view of our spending, much less being able to budget for the future. This can lead to financial stress, which is felt by about 70% of Americans in a recent survey conducted by CNBC<\/a>.<\/p>\n\n\n\n

    Amidst the rising inflation, many people are leaning into credit card rewards to offset rising costs<\/a>. However, we recognise the inconvenience of having to remember all the criteria necessary to earn credit card rewards.<\/p>\n\n\n\n

    Budgeting applications bring convenience, ease of use, financial awareness and a comprehensive view of one\u2019s personal finances to users<\/a>. Therefore, we developed BudgetHub<\/strong>, a budgeting application that allows the user to conveniently associate transactions with all of their bank accounts and cards so that they can manage their finances better and budget for their future.<\/p>\n\n\n\n

    Bank Accounts and Cards<\/strong><\/h2>\n\n\n\n

    Under the Bank Accounts<\/em><\/strong> and Cards<\/em><\/strong> menu, users can enter their bank account and card details respectively. This allows BudgetHub to differentiate between the various financial products in order to segment transactions to calculate account balances and accounts payable.<\/p>\n\n\n

    \n
    \"\"\/<\/figure>\n<\/div>\n\n
    \n
    \"\"\/<\/figure>\n<\/div>\n\n\n

    Bank Account and Card Forms<\/p>\n\n\n\n

    \n\n\n\n

    Transactions<\/h2>\n\n\n\n

    Transactions can be entered into BudgetHub in the Bank Accounts<\/em><\/strong> and Cards<\/em><\/strong> menu. The transactions will automatically be associated. In addition to the amount, the following fields are available:<\/p>\n\n\n\n