An open API service indexing awesome lists of open source software.

https://github.com/arjuntheprogrammer/blockchain-web-development-on-ethereum-2020

Blockchain Web Development on Ethereum [2020]
https://github.com/arjuntheprogrammer/blockchain-web-development-on-ethereum-2020

Last synced: about 1 year ago
JSON representation

Blockchain Web Development on Ethereum [2020]

Awesome Lists containing this project

README

          

# Blockchain Web Development on Ethereum [2020]

Course Link:

---

# BlockchainPoll

This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 10.0.5.

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

Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `--prod` flag for a production build.

## Running unit tests

Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).

## Running end-to-end tests

Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).

## Further help

To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

---

## LEARNINGS

1. Develop full decentralized web application on Ethereum blockchain
2. Learn smart contract fundamentals and interaction
3. Learn how to connect your web application to blockchain
4. How to react to blockchain events
5. How to deploy and run local blockchain

---

## SECTIONS

1. Frontend application - developed in Angular, completely decoupled from blockchain.

2. Smart Contract and blockchain - learning the fundamentals of developing, deploying (locally) and interacting with smart contract.

3. Middleware - The most important "glue" between the frontend and smart contract.

---

## COMMANDS

- ng new blockchain-poll --directory ./
- npm start
- npm install bootstrap
- add following to styles in angular.json
- "node_modules/bootstrap/dist/css/bootstrap.min.css"
- add following to scripts in angular.json
- "node_modules/jquery/dist/jquery.min.js",
- "node_modules/bootstrap/dist/js/bootstrap.min.js"
- ng generate component poll-create
- ng generate component poll
- ng generate component poll-vote
- npm install apexcharts --save
- ng generate service poll
- npm install web3 --save
- ng generate service web3

---

## PROJECT STRUCTURE

Screenshot 2020-08-08 at 6 05 58 PM

Screenshot 2020-08-08 at 6 07 38 PM

---

## SCREENSHOTS

Application Web View:
![image](https://user-images.githubusercontent.com/15984084/90333658-5aaccb80-dfe5-11ea-8732-11fa37edc600.png)

Ganache Transactions
![image](https://user-images.githubusercontent.com/15984084/90335684-47552c80-dff4-11ea-9cb5-4a20857a9dfc.png)

---

## Course Completion Certificate

![image](https://udemy-certificate.s3.amazonaws.com/image/UC-f345785d-a8f7-44b2-a06a-8a7955b00763.jpg)

---