Tech Junkie Blog - Real World Tutorials, Happy Coding!: AngularJS SPA: ACME Bank Mockups

Tuesday, September 17, 2019

AngularJS SPA: ACME Bank Mockups

In the previous post we created the JavaScript business objects in our AngularJS application.  While that's great and all we should we really take a step back create some rough mockups of our banking application so that we will know what we will be building.

First let's mock up the home page:

On our home page we have a profile section were we can access our account/profile. Then we have the ACME bank logo/branding, and finally the accounts that we have in the bank.

The next mock-up is the the Accounts Details page, when we click on one of the accounts:

As you can see from the mock-up it's pretty straightforward.  You have an identification of the account, then a display of upcoming  transactions, and past transactions.  There's also a search box for searching of transactions.

Finally we have the Money Transfer screen which enables the users to transfer money into and out of the account.  It just has the basic information, where the money is coming from, where it's going to, the transfer date, the amount and the transfer button.

As you can see the mock-up is pretty simple and easy to change.  Actually it's just pen and paper.  I am a big fan of low-fidelity design.  Meaning simple and low effort.  We can change it anytime.

Previous: AngularJS SPA: Building The Bank Application JavaScript Objects (Business Entities)


  1. New imaginative medicines and more up to date forms of old restorative medications contain the advanced spa. As the spa business keeps on developing, the present spa-goer frequently requires a manual for the numerous expert administrations now accessible and promoted under the heading "spa" cbd anti-aging facial in Manhattan

  2. Banks are moving towards customer-specificity, almost viewing each client as a "segment of one", across other channels, and online banking is set to follow suit.Best banks in India

  3. There are more elements to the payout cycles than just the total overhead cost. The average pay structure of the banking sector shows fewer deviations than that of its closest rival, the IT

  4. Seseorang yang sangat terpaku pada perjudian tidak bisa memikirkan hal lain. Dia akan selalu menemukan cara dan sarana untuk bertaruh terlalu banyak yang dapat menyebabkan kehancuran. Ketika seseorang terus bertaruh seseorang akan memiliki kebutuhan untuk memiliki sejumlah besar uang untuk mendukung keasyikannya 98toto


Search This Blog