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 generate

d with Angular CLI version 7.3.3.

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

1. 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

2. Download the box.

truffle unbox ng-es/angulartruffledapp

3. Run your Ethereum client. For Ganache CLI:

ganache-cli

Note the mnemonic 12-word phrase printed on startup, you will need it later.

4. Install the dependencies and Compile and migrate your contracts, into the directory Blockchain using :

npm install 

5. 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

6. Navigate into the Frontend Directory

npm install & ng serve , And lets Buidl 

7. 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

Code contributions welcome!

1. Fork it
2. Add new features

git checkout -b my-new-feature
git commit -am 'Add some feature'
git push origin my-new-feature

3. Create a pull request