Category: Ark (ARK)

ARK Explorer V3 — Developed From The Ground-Up, New Design, Quicker Response and Ready for Push…

A totally new explorer has been developed (from scratch) following the latest in development practices, using newer frameworks and paving the way for future ARK Ecosystem development. This new explorer is another integral tool for upcoming Push Button Deployable Blockchains, making it easier to setup your project’s own blockchain explorer.

Leaner. Better. Faster. Stronger. Easy to Setup. Easy to Use. Socketless. Ready for Push Button Deployable Blockchains. These are just some of the improvements that our newly updated explorer brings.

Our latest instance of the ARK Explorer front-end was developed using Tailwind CSS, a utility-first CSS framework for rapid UI development. What that means is a lot less bloat of unused code like in Bootstrap or similar frameworks — so cleaner more streamlined code which can handle much more than before. Back-end (logic) is developed in Vue.JS, the progressive JavaScript framework, that allows a component based approach for writing cleaner, reusable, isolated and testable code. Some more neat explorer features will be introduced, along with greatly improved performance, with the upcoming version of ARK API v2.

Point.Click.Blockchain. — Ready

As we are preparing the “infrastructure” for Point.Click.Blockchain. our new explorer is no exception. Everything was designed to be easily configurable and easy to deploy (the explorer for instance can now even be deployed and hosted on GitHub pages) and ready for your own custom blockchain based on the Official ARK code base. Just set your parameters and you are all set to use it on your own project without the need for extensive configurations!

Features

Header

  1. Opens menu
  2. Search field ( search by address, username, public key, block ID, or transaction ID).
  3. Select your preferred peg currency.
  4. Turn homepage chart on or off.
  5. Select light or dark theme.

Homepage

  1. Info on current blockchain height, network, current supply and marketcap in selected currency (based on total supply).
  2. Switch the chart view to day, week, month, quarter or year.
  3. Switch between latest transactions and latest blocks.

Wallet View

  1. Opens up QR code for ARK address.
  2. Switch between ARK address and public key.
  3. Switch transactions view: all, sent or received ( In TX view you can see outgoing transactions are red and incoming transactions are green). To view a specific transaction just click for a detailed overview.

Delegate Monitor

  1. Switch between active (forging delegates) and standby (those outside 51).
  2. Delegate statistics: number currently forging, missed blocks in current round, how many not forging and number still queued to forge in current round.
  3. List of delegates: names, total forged, time since last block forged, status (green forged in current round, gray not yet forged), productivity and approval. Click on a delegate name for more information (total forged blocks, missed blocks and voter info).

Developers

The new explorer is extremely easy to setup with only a handful of parameters to set.

Simple, understandable config file — a few lines to adapt for your own Smartbridged blockchain and you are good to go!

MainNet

yarn build:mainnet
(you can configure parameters in networks/mainnet.json file like title, currencies, IP of node, …)

DevNet

yarn build:devnet
(you can configure parameters in networks/mainnet.json file like title, currencies, IP of node, …)

Custom Network

For custom you have to add a networks/<nameofyourconfigfile>.json and fill it out like mainnet/devnet to fit your network/coin and after that run command

yarn build –network <nameofyourconfigfile>

Found any bugs, errors, see room for improvements or simply want to get involved with development?

Head over to GitHub repo and open issue or submit pull-request :https://github.com/ArkEcosystem/ark-explorer

This article was originally published on: The Ark Blog on