Skip to content

Frontend

The front-end of the application will be designed as an SPA. Users will interact with a graphical user interface (GUI) that provides access to several key features. The following actions will be available to users:

 1. Login: Users will be able to authenticate their accounts by entering valid credentials
    (username and password). Upon successful authentication, the system will grant access to
    authorised functionality.

 2. Logout: Successfully authenticated users will have the ability to logout of the application.

 3. Create User Account: Admin user who have access to admin interface will be responsible
    for creating user accounts.(This is just a simulated world).

 4. Account Balance: Successfully authenticated users will be able to access this feature to
    view the current account balance.

 5. Account Details: Successfully authenticated users will be able to access this feature to view
    account details.

 6. Update Account Details: Successfully authenticated users will be able to access this feature
    to personal account details.

 7. Transaction History: Successfully authenticated users will be able to access this feature to
    view last 10 transactions. (Anything of a longer range will have to be requested from
    admin).

 8. Cash Withdrawal: Successfully authenticated users will be able to access this feature to
    withdraw money from their account if it has a positive balance and the amount requested is
    less than or equal to the balance.

 9. Cash Deposit: Successfully authenticated users will be able to access this feature to deposit
    money into their account and the balance will be increased by deposit amount.

 10.Cash Transfer: Successfully authenticated users will be able to access this feature to
    transfer money to any account.

Stack

  • Vue 3