Back to Browse

Angular frontend - Blockchain in Javascript (part 5)

95.7K views
Apr 15, 2019
49:57

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 ☞ Previous parts Part 1 - Creating blockchain - https://youtu.be/zVqczFZr124 Part 2 - Proof-of-Work - https://youtu.be/HneatE69814 Part 3 - Mining rewards - https://youtu.be/fRV6cGXVQ4I Part 4 - Signing transactions - https://youtu.be/kWQ84S13-hw ☞ Source code is available on GitHub: https://github.com/Savjee/savjeecoin-frontend Feel free to fork, modify & improve it. Pull requests are appreciated! ☞ Follow me on Twitter: https://twitter.com/Savjee Facebook: https://facebook.com/Savjee Blog: https://savjee.be GitHub: https://github.com/Savjee 💌 Newsletter: http://newsletter.savjee.be (no more than once a month)

Download

1 formats

Video Formats

360pmp461.3 MB

Right-click 'Download' and select 'Save Link As' if the file opens in a new tab.

Angular frontend - Blockchain in Javascript (part 5) | NatokHD