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