As a User I should be able to:
- Fill in the "TO ACCOUNT" and "AMOUNT" fields of the form.
- Assume that the "FROM ACCOUNT" field is pre-filled with the data shown in the UI Design and is DISABLED.
- Press "Submit" and preview the entered data.
- Press "Transfer" on the preview screen.
- When transfer is pressed the new transfer should appear at the top of the transactions list, and the balance in the "FROM ACCOUNT" field should have decreased by the amount of the transfer.
As a User I should be able to view recent transactions in an ordered list.
As a User I should be able to search my recent transactions by typing a keyword in the search field.
As a User I should be able to sort by recent transactions by Date, Amount and Beneficiary by clicking the corresponding sorting action.
To get you started you can simply clone the angular-component-architecture
repository and install the dependencies:
You need git to clone the angular-component-architecture
repository.
Clone the angular-component-architecture
repository using git:
git clone https://github.com/shahumang23/angular-component-architecture.git
cd angular-component-architecture
We have two kinds of dependencies in this project: tools and Angular framework code. The tools help us manage and test the application.
- We get the tools we depend upon via
npm
, the Node package manager.
npm install
After that, you should find out that you have below new folders in your project.
node_modules
- contains the npm packages for the tools we need
We have preconfigured the project with a simple development web server. The simplest way to start this server is:
ng serve
Now browse to the app at [http://localhost:4200/
].
Created components based architecture so in future we can use same components to another application or same application
Here i created 4 components
- Header
- Payment Screen
- Preview Screen
- Tranascation list
And that components used into app.component.html