Skip to content

OwnMarket/OwnBlockchainExplorerFrontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

own-explorer-logo Own Blockchain Explorer Frontend

Own Blockchain Explorer is web application powered by Angular framework. By using our Blockchain Explorer you can gain insight into all transactions on the blockchain, check the status of any transaction, and review how many assets you have.

Quick Start

Clone the repository:

    $ git clone https://github.com/OwnMarket/OwnBlockchainExplorerFrontend.git
    $ cd OwnBlockchainExplorerFrontend/Source

Install packages:

    $ npm install

Generate .env.ts config file

    $ npm run env

Connect to Own Blockchain Explorer API

To start using our Blockchain Explorer you need to run Blockchain Explorer API localy on your machine or to point on our testnet or mainnet API.

Install API localy


Blockchain Explorer API is available on GitHub and you can find installation, setup and runing instructions in project documentation.

Use OWN testnet or mainnet API


Easier and more straightforward way to test and use our Blockchain Explorer application is by pointing to our testnet or mainnet API.

URL Name Description
https://test.explorer-api.weown.com testnet OWN testnet API used for testing
https://explorer-api.weown.com mainnet OWN mainnet API used for production

To use one of those you need to edit environment.ts file and update serverUrl property.

import { env } from "./.env";

export const environment = {
  production: false,
  version: env.npm_package_version + "-dev",
  serverUrl: "https://test.explorer-api.weown.com",
  defaultLanguage: "en-US",
  supportedLanguages: ["en-US"]
};

Serve App localy

To run application locally on your machine:

    $ ng serve

Blockchain Explorer will be served on localhost:4200. Open your browser and have fun exploring OWN blockchain.

Run production build

Before building Blockchain Explorer for production you need to edit environment.prod.ts file and update serverUrl property. It should be same as in environment.ts file. After that building for production in easy as runing:

    $ npm run build

Dist folder will be created containing compiled application files and required assets ready to be deployed.

Serve production build

Testing built application before deployment can be done by using http-server package. You can install it globaly by runing:

    $ npm install -g http-server

Now you can serve and test built application from dist folder easily.

    $ http-server ./dist -c-1

-c-1 command flag will disable caching

Release Notes

v.1.0.0

  • Validators page with validator map and statistics, to make choosing a validator to delegate stake to a bit easier.
  • Addresses page showing top CHX holders by balance.
  • Event filter on the address info page, enabling filtering of events by type, which is useful when searching for a transfer in the sea of staking rewards.
  • Improved performance performance significantly boosted.
  • Bug fixes (including the fix for the annoying "blank page" issue – make sure you clear the browser cache though).

Additional info

Libraries

Coding guides

Other documentation

About

Own Blockchain Explorer is a web application providing the insight into the blockchain state, including blocks, transactions, addresses and chronological changes.

Topics

Resources

License

Stars

Watchers

Forks

Packages

No packages published