Visit LEDU token page

How to create a Blockchain Explorer with JavaScript

Avatar

How to create a Blockchain Explorer with JavaScript - Intro video

with tvle83|10 years experience|JavaScript

6766views

Watch Full Video | +150 LEDU

How to create a Blockchain Explorer with JavaScript

  • English
  • Cryptocurrency
  • Cryptocurrency BasicsCryptocurrency Basics
  • (1135)
  • Project length: 16h 47m

This tutorial will cover basics of cryptocurrencies and what a blockchain explorer is and how to build one. We will be using Javascript for all parts of the project ReactJS for the front end, express and node on the backend and for the database we’ll either use CouchDB or Firebase or an SQL solution. We will decide that on the first video. The concept of a blockchain explorer is fairly simple but to build one from scratch is not as easy as one might think. This project will be challenging and fun.

Overview

What are the requirements?

  • Cryptocurrency basics
  • JavaScript
  • Database concepts

What is the target audience?

  • Cryptocurrency enthusiasts or beginners
  • Javascript beginners

When are the streaming sessions (streaming schedule)?

Weekly 2pm EST on Sunday

Project Outline

Github repo: https://github.com/tvl83/livedu-blockchainexplorer

Week 1 - Session 1: Setting-up the Environment https://docs.google.com/document/d/12VjO6vu4Oq3XacUD6ftSMMz_rGu98GHsnfrBbLQSVHA/edit?usp=sharing

  • Setting up the programming environment
  • VirtualBox
    • Ubuntu 16.04
    • NodeJS (NVM)
  • IDE
  • Atom

Download Ubuntu

16.04.3 LTS supported until Jul 2021 https://www.ubuntu.com/download/server Ubuntu-16.04.3-server-amd64.iso (825MB)

Download Virtualbox

https://www.virtualbox.org/wiki/Downloads VirtualBox 5.2.2 VirtualBox-5.2.2-119230-Win.exe (109MB)

Download BitVise

https://www.bitvise.com/ssh-client-download https://dl.bitvise.com/BvSshClient-Inst.exe (21.8MB)

Download Atom (IDE)

https://atom.io/ AtomSetup-x64.exe (133MB)

If you want to set up a VPS then you can use either of these referral codes. They help me out and will be perfectly fine to use for our project.

https://www.vultr.com/?ref=6803035 https://m.do.co/c/fd67d238a7c4

https://github.com/creationix/nvm https://www.digitalocean.com/community/tutorials/how-to-install-node-js-with-nvm-node-version-manager-on-a-vps

Week 1 - Session 2

  • Choose which coin (younger coin is easier, less blocks)
  • Setting up our DB Schema
    • How are we going to store the data
  • Extract the data from the wallet
    • Store it in the database
    • Cronjobs
  • Set up ReactJS and some basic components and layout
  • Get data displayed on screen from db

Week 2

Agenda: https://docs.google.com/document/d/1w5vA6Jxq-m5Tx-_bf-l1CRE9UIiVa3I0EINiiFTab4M/edit?usp=sharing

  • Set up models in Sequelize
  • Set up Express
  • Go over APIs
  • Extract info from wallet to database
  • Use express endpoints to retrieve that data

Week 3

Agenda: https://docs.google.com/document/d/1-A22NTehPzjJNFhPwm45NbFfGjS4h-ASA8pkWiopksA/edit?usp=sharing

Tools:

  • ReactJS, ExpressJS, NodeJS, Atom (IDE)

BTC Donations: 1KAHHvWkporBCd77vT5aQ98Bgp15HSFhNE

ETH Donations: 0xF5975505076bb025B976F3DAb7df8227cF060dD0

Reviews

Average rating

5(1135 Reviews)
  • Avatar

    EnzoZ

    a year ago

    One of the best tutorials I have found ever. Thank you Thomas!