Learn how to create your own Dapp with Angular 9 — Part VI.

In this six-part article, we will cover how to create a Dapp with Angular. In Part I, which served as an introduction we covered general information regarding developing the dapp benefits and classification. Using Angular, Angular architecture, benefits. You should start there.

In the previous articles, we started developing our dapp. Specifically,
we learned about dapp classifications and projects and that you can
break your own dapp project into five steps.

We then looked at why to use Angular and its benefits. Next, we created an Angular project, first ensuring the prerequisites were installed and then installing the Angular CLI.

We looked at the pieces that make up Angular such as components, modules, and directives. We also learned how to style a dapp by understanding Angular-style architecture and working with Angular Material.

We started building our own custom components and creating content; we split the app into a footer, header, and body and created a custom transfer component that you will be using in this article. We created the dapp’s smart contract utilizing the following tools the Angular CLI, Truffle, ganache-cli, and MetaMask.

We integrated our smart contract in the dapp’s Angular
project by installing web3.js as well as truffle-contract. We then created our transfer service in Angular and connected our component class to the service class.