Angular frontend - Blockchain in Javascript (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

☞ 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) ... https://www.youtube.com/watch?v=AQV0WNpE_3g