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

You might be interested in

LEAVE YOUR COMMENT

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

tether
Tether (USDT) 0,821389 0,52%
usd-coin
USD Coin (USDC) 0,821389 0,40%
zcash
Zcash (ZEC) 73,11 0,72%
tezos
Tezos (XTZ) 2,42 4,64%
uniswap
Uniswap (UNI) 10,24 2,45%
bitcoin
Bitcoin (BTC) 26.588,36 0,75%
bitcoin-cash
Bitcoin Cash (BCH) 356,66 3,24%
ethereum
Ethereum (ETH) 1.114,07 4,74%
litecoin
Litecoin (LTC) 113,01 4,58%
dash
Dash (DASH) 86,60 2,20%
ripple
XRP (XRP) 0,220818 3,14%
cardano
Cardano (ADA) 0,281618 4,55%
chainlink
Chainlink (LINK) 19,15 7,18%
compound-governance-token
Compound (COMP) 182,70 12,32%
cosmos
Cosmos (ATOM) 6,46 5,46%
dai
Dai (DAI) 0,821389 0,11%
monero
Monero (XMR) 114,93 1,28%
omisego
OMG Network (OMG) 2,94 0,89%
polkadot
Polkadot (DOT) 14,26 7,75%
siacoin
Siacoin (SC) 0,003697 3,67%
stellar
Stellar (XLM) 0,215446 4,34%