BORA Explorer

The BORA Explorer is a tool which helps you to collect and monitor information on transaction details through the Smart Contract for the BORA Shell.

Components of BORA Explorer

The BORA Explorer consists of the following modules.

1. Front-End module providing UI, explorer-front
2. The Back-End module providing API for the Front-End, explorer-api
3. The Crawler to fetch data from the Blockchain and configure index database, explorer-crawler

This is the Front-End module. If you want to configure this Front-End, please check the Back-End API module and Crawler, which are related on Front-End, through the link above.

BORA Explorer Front

The BORA Explorer Front-End is source for UI which display data from APIs and blockchain.

Required development environment and install guide

The BORA Explorer Front is developed based on the Angular6, so the Angular needs the basic settings which the project can run.

1. Install Typescript

npm install -g typescript

2. Install Angular/Cli

npm install -g @angular/cli

3. Install the necessary plugins and dependent sources via the command at the root of the project cloned.

project root>npm install

4. After completing install, put the domain which you want in your host file.(i.e, 127.0.0.1 bora-explorer.test.com). Then set "host" value in the "serve" property in angular.json file as follows:

        "serve": {
          "builder": "@angular-devkit/build-angular:dev-server",
            "options": {
              "browserTarget": "boraexpl:build",
              "host": "your domain" //i.e, bora-explorer.test.com
            },
            "configurations": {
              "sync": {
                "browserTarget": "boraexpl:build:sync"
              },
              "production": {
                "browserTarget": "boraexpl:build:production"
              }
            }
          },

5. Run your local server.

ng serve --port=8080 (default 4200)

6. Build

• The compiled source is created in the directory set to "outputPath" in angular.json
• Run the created file on your server.

ng build {project-root} --prod -output-hashing=all