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

You might be interested in

LEAVE YOUR COMMENT

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

eos
EOS (EOS) 0,908907 3,12%
aave
Aave (AAVE) 62,22 5,88%
the-graph
The Graph (GRT) 0,062264 3,09%
kusama
Kusama (KSM) 26,38 5,76%
waves
Waves (WAVES) 2,30 2,85%
dash
Dash (DASH) 42,88 6,29%
bitcoin
Bitcoin (BTC) 16.372,46 4,07%
ethereum
Ethereum (ETH) 1.229,74 7,35%
cardano
Cardano (ADA) 0,305603 2,46%
tether
Tether (USDT) 0,966825 0,05%
xrp
XRP (XRP) 0,392560 4,98%
solana
Solana (SOL) 13,34 2,56%
polkadot
Polkadot (DOT) 5,28 5,64%
usd-coin
USD Coin (USDC) 0,966611 0,02%
dogecoin
Dogecoin (DOGE) 0,104641 5,34%
uniswap
Uniswap (UNI) 5,54 7,00%
terra-luna
Terra Luna Classic (LUNC) 0,000158 2,33%
litecoin
Litecoin (LTC) 76,39 4,56%
chainlink
Chainlink (LINK) 7,28 2,96%
bitcoin-cash
Bitcoin Cash (BCH) 109,97 2,11%
algorand
Algorand (ALGO) 0,238622 3,43%
matic-network
Polygon (MATIC) 0,842111 4,55%
stellar
Stellar (XLM) 0,087322 2,44%
cosmos
Cosmos Hub (ATOM) 10,12 3,68%
filecoin
Filecoin (FIL) 4,28 2,52%
tron
TRON (TRX) 0,052460 1,06%
ethereum-classic
Ethereum Classic (ETC) 19,65 4,50%
dai
Dai (DAI) 0,969725 0,32%
tezos
Tezos (XTZ) 0,978427 2,63%
monero
Monero (XMR) 135,51 2,83%