Angular Training Assignment

** Contributors **

No.	Name
1.	Bhavin Patel
2.	Ranajit Patro
3.	Manojkumar Pawar

---

Digibank is an Internet Banking application by the startup company Upstack, which makes software for small scale banks.

We are creating an internet banking product which will serve small-medium scale and co-operative banks.

We have designed this product using

• Angular 11
• json-server for back-end mockup
• CoreUI Angular template
• and sorcery (magic, to the uninitiated) ...

Product Features

1. Login page
2. Accounts Section
3. Landing Dashboard with Account summary for different types of accounts
4. Account details for individual accounts
5. Transaction history in a paginated sortable Angular material table
6. View/Download Account Statements
7. Request Chequebook
8. Funds Transfer
9. To own accounts,
10. To other local banks
11. International transfers
12. View and Add beneficiaries for Fund transfers
13. Bill Payments
14. Register Billers
15. Pay Bills
16. Side bar with important information like upcoming scheduled payments, notifications and site settings
17. User profile screen to change password etc

Design Features

1. Responsive design
2. Field validation for mandatory fields, account numbers etc
3. Toasts to show status changes, like transfer status, validation errors etc

---

Installation

Digibank requires Node.js v4+ to run. Install the dependencies and devDependencies and start the server.

$ cd digibank-angular-assignment
$ npm install

To start App:

$ npm start

To start Backend mock Json server:

$ npm run json:server

---

Screenshots

• Login using one of 3 available accounts

User ID	Password
bhavin	patel
manoj	pawar
ranajit	patro

• Landing Dashboard, showing Account Summary for different accounts

• Account Details screen (Can be navigated from menu or clicking 'View' button on Account Summary)

• Transaction Details for any account (by clicking Transactions tab after selecting an account)

• View/Download Statements screen (Can be navigated from Accounts >> Statement menu)

• Request Cheque book screen (Can be navigated from menu)

• Funds Transfer (To self account) screen (Can be navigated from menu Fund Transfers >> To self account )

• Payment Transfer Review screen (Allows customer to review the transfer information and proceed to Submit or revert to Edit it as necessary)

• View Billers screen - Edit the billers added by the customer (Can be navigated from menu)

---

Thank you,

Team Upstack

Bhavin Patel

Ranajit Patro

Manojkumar Pawar