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:

Home page mockup

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:

Account Details page mockup

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.

Money Transfer mockup

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

  5. I was more than happy to uncover this great site. I need to thank you for your time due to this fantastic read!!
    I definitely enjoyed every bit of it and I have you bookmarked to see new information on your blog.
    Classified WordPress Theme

  6. Going through with exchanges online isn't just generally free, yet additionally extremely proficient. Exchange time online is basically substantially less.Columbus Financial & Success Coach

  7. Some of the banks are nevertheless not so many. On the off chance that they will be, they should consent to a similar protectionist banking guidelines and rules as the wide range of various F.D.I.C.Bookkeeping Services

  8. However not all payment processors are the same, and it's therefore very important to find the one most suited to you. How to be a Payment Processor

  9. This can be consequently lovely along with inventive. I merely enjoy your hues along with anyone becomes the idea inside snail mail are going to be cheerful. merchant portfolios for sale

  10. For all your massage therapy equipment and suppliers, then look no further than Keep Fit Sporting Goods, which is a sporting website selling all kinds of health and sporting goods. 마사지 출장비

  11. The magnificence of seaward web based banking is that as well as empowering you to direct banking exercises permitted by conventional and neighborhood physical organizations, it permits you more assortment and adaptability as far as your banking needs. NFT Drops


Search This Blog