Blockchain in Javascript – Angular Frontend (Part 5)

Blockchains are hard to understand, so let’s visualize their inner workings by building a front-end application in Angular. I’ll show you how to visualize blocks on the chain and the transactions inside them. We’ll also make a UI to create new transactions and to mine new blocks.

All of this is based on the Javascript blockchain implementation that we made in the previous 4 parts: SavjeeCoin!

☞ Live demo of what we’re going to build in this video:
https://savjee.github.io/savjeecoin-frontend/

☞ Parts in this tutorial:
00:00 Introduction – What we’re going to build
03:06 Installing dependencies & creating project
06:00 Creating a nice header
08:10 Implementing the Blockchain service
13:44 Visualizing blocks on the chain: create BlockchainViewer & BlockView component
21:52 Visualizing transactions with TransactionsTable component
29:13 Making a settings page (to configure difficulty & mining reward)
33:56 Creating new transactions with CreateTransaction page
41:50 Creating the “Pending transactions” page
47:20 Full demo: creating transactions, mining blocks and seeing them on the chain

☞ Source code is available on GitHub: https://github.com/Savjee/savjeecoin-frontend

(Visited 361 times, 1 visits today)

You might be interested in

LEAVE YOUR COMMENT

Your email address will not be published. Required fields are marked *

compound-governance-token
Compound (COMP) 245,69 3,87%
dash
Dash (DASH) 134,76 1,73%
zcash
Zcash (ZEC) 114,40 0,24%
yearn-finance
yearn.finance (YFI) 29.162,38 3,53%
waves
Waves (WAVES) 15,07 7,61%
bitcoin
Bitcoin (BTC) 31.066,50 3,06%
ethereum
Ethereum (ETH) 1.908,67 4,04%
tether
Tether (USDT) 0,823271 0,60%
cardano
Cardano (ADA) 1,20 3,46%
xrp
XRP (XRP) 0,681929 1,27%
dogecoin
Dogecoin (DOGE) 0,250224 2,24%
polkadot
Polkadot (DOT) 18,32 3,06%
usd-coin
USD Coin (USDC) 0,822738 0,01%
uniswap
Uniswap (UNI) 17,84 1,95%
bitcoin-cash
Bitcoin Cash (BCH) 486,03 0,85%
chainlink
Chainlink (LINK) 18,82 1,93%
matic-network
Polygon (MATIC) 1,20 4,43%
litecoin
Litecoin (LTC) 135,38 1,55%
stellar
Stellar (XLM) 0,258846 2,20%
ethereum-classic
Ethereum Classic (ETC) 44,78 2,30%
eos
EOS (EOS) 3,98 1,38%
tron
TRON (TRX) 0,058044 1,25%
filecoin
Filecoin (FIL) 56,22 1,93%
aave
Aave (AAVE) 235,80 2,90%
monero
Monero (XMR) 222,99 0,65%
dai
Dai (DAI) 0,824106 0,12%
tezos
Tezos (XTZ) 2,70 4,22%
cosmos
Cosmos (ATOM) 11,47 10,96%
algorand
Algorand (ALGO) 0,858008 2,89%
kusama
Kusama (KSM) 281,35 7,06%