Angular + Truffle = 💓 ÐAPPS¶
This Trufflebox provides a base for Truffle Framework and Angular DAPP. and you can make transactions between accounts and scale you app with beautiful material design
This was generated with Angular CLI version 11.2.1
ng serve for a dev server. Navigate to
http://localhost:4200/. The app will automatically reload if you change any of the source files.
ng generate component component-name to generate a new component. You can also use
ng generate directive|pipe|service|class|guard|interface|enum|module.
Install truffle, Angular CLI and an Ethereum client. If you don't have a test environment
npm install -g truffle npm install -g @angular/cli npm install -g ganache-cli
Download the box.
truffle unbox ng-es/angulartruffledapp
Run your Ethereum client. For Ganache CLI:Note the mnemonic 12-word phrase printed on startup, you will need it later.
Install the dependencies and Compile and migrate your contracts, into the directory Blockchain using :
- Change the port in truffle-config.js
change the port in truffle-config.js 8545 in windows the port is 7545 but in linux the defaul port is 8545
- Navigate into the Frontend Directory
npm install & ng serve , And lets Buidl
If you want to customize <===
First Change the contract in Blockchain/contracts or make your own contract and compile and migrate
Second Change the app/service/contract.service.ts with your builded contract .json and you custom directives and functions
Common errors and their solutions¶
| ||Run |
| ||Reset MetaMask: Settings -> Reset Account //Warning only with test accounts|
| ||Ensure you have started ganache, run |
Code contributions welcome!¶
- Fork it
- Add new features
git checkout -b my-new-feature git commit -am 'Add some feature' git push origin my-new-feature
- Create a pull request