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 444 times, 1 visits today)

You might be interested in

LEAVE YOUR COMMENT

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

kusama
Kusama (KSM) 288,32 16,86%
compound-governance-token
Compound (COMP) 293,15 13,33%
dash
Dash (DASH) 148,36 11,73%
zcash
Zcash (ZEC) 101,62 12,28%
yearn-finance
yearn.finance (YFI) 25.365,22 10,46%
bitcoin
Bitcoin (BTC) 37.345,53 8,08%
ethereum
Ethereum (ETH) 2.603,49 9,30%
tether
Tether (USDT) 0,851769 0,48%
cardano
Cardano (ADA) 1,77 10,60%
xrp
XRP (XRP) 0,783001 14,09%
dogecoin
Dogecoin (DOGE) 0,179914 11,42%
polkadot
Polkadot (DOT) 24,31 17,22%
usd-coin
USD Coin (USDC) 0,852654 0,34%
uniswap
Uniswap (UNI) 18,14 11,44%
bitcoin-cash
Bitcoin Cash (BCH) 464,25 11,76%
chainlink
Chainlink (LINK) 20,35 14,07%
matic-network
Polygon (MATIC) 0,989263 12,93%
solana
Solana (SOL) 117,37 11,90%
litecoin
Litecoin (LTC) 135,59 10,32%
stellar
Stellar (XLM) 0,241822 11,25%
ethereum-classic
Ethereum Classic (ETC) 42,08 12,32%
eos
EOS (EOS) 3,61 16,64%
tron
TRON (TRX) 0,079603 11,57%
filecoin
Filecoin (FIL) 64,89 9,72%
aave
Aave (AAVE) 252,28 14,56%
monero
Monero (XMR) 199,28 12,28%
dai
Dai (DAI) 0,852813 0,29%
tezos
Tezos (XTZ) 4,56 19,78%
cosmos
Cosmos (ATOM) 29,46 18,38%
algorand
Algorand (ALGO) 1,41 16,83%