GithubHelp home page GithubHelp logo

ijoywan / filscan-frontend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from digitaldonkey/filscan-frontend

0.0 0.0 0.0 1.02 MB

A blockchain browser for Filecoin

Home Page: http://filscan.io

License: Other

JavaScript 16.08% HTML 0.35% CSS 1.76% Vue 81.82%

filscan-frontend's Introduction

Overview

Filscan is a blockchain browser for Filecoin, which can be used to view Filecoin blockchain data, including querying addresses, messages information, block heights, miner information, token information, etc.

Table of Contents

Front-End

Recommended Browser

For the best experience with the Filscan, we recommend that use the latest version of a browser from this list:

•       Microsoft Edge

•       Mozilla Firefox

•       Google Chrome/Chromium

•       Apple Safari

User Guide

Comments

Active Miner: the active miner is the miner that has made sector in the last 24 hours.

Active Peer: the active peer is the node that has sent messages in the last 24 hours.

Site Map

Home Page

You will get the latest chain status of Filecoin Blockchain, include the latest block&message table, the Tipset chain chart.

Search Bar:

It is convenient for users to query the blockchain data. User can query detail information about Address, Tipset Height, Block Hash, Message ID, Peer Id by search bar.

Navigation Bar:

It is an easy way to access the page you are interested in.

Chain status:

Shows the latest chain status.

The latest Blocks & Messages:

Shows the latest Blocks info & messages on chain.

BlockChain structure chart:

Shows the chain structure of the Filecoin.

Tipset Page

In this page user will see the chain struct and if click the block in the tipset, the block detail info will appear.

Mining Page

Active Storage Miners:

The chart shows the count of active miners in different periods.

Evolution of Top Miners for Miners For Proven Power:

The chart shows the Proven power of the top miners in different time periods.

Miner List

the table shows some miner key info, some of columns can be sorted. User can choose periods to show different data.

Token Metrics

The page displays the block reward and pledged amount of FIL tokens.

Peer Map

This page shows the peer’s location on the map.

Install

Environmental requirements

Install Dependencies

yarn install or npm install 

Compiles and hot-reloads for development

yarn serve or npm run serve

API Environment Configuration

By default, the profiles are in the root directory of the project. You can modify the value of VUE_APP_BASE_URL to change the server address.

Example:

If you want to change the server address, you can open the file .env.development. Then you will see the default value of VUE_APP_BASE_URL is "http://192.168.1.2:8700/v0/filscan", modify it according to your actual server address. Please notice that you should run "yarn serve" or "npm run serve" to apply this change.

Build

yarn build:pro or npm run build:pro

Lints and fixes files

yarn lint or npm run lint

Customize configuration

See Configuration Reference(https://cli.vuejs.org/config/).

Build and Install

Environment

  • golang >= v1.13
  • mongo >= v4.2
  • lotus >= v0.2.7

System Require

  • Linux or Mac OS

Build

git clone (githuburl)

cd Backend

make build-lotus

go build

Configuration

Edit app.conf in path /conf and set the correct parameter

mongoHost = "127.0.0.1:27017"

mongoUser = "root"

mongoPass = "admin"

mongoDB   = "filscan"

lotusGetWay="192.168.1.1:1234"

Run

Make sure mongo and lotus is active, and run the filscan_lotus

./filscan_lotus

The application will check lotus and mongo’s status. The application will stop if got any error from them. If application start success, it will work until sync all data down from lotus. 

API Document

Check document here

License

Dual-licensed under

MIT

Apache 2.0

filscan-frontend's People

Contributors

digitaldonkey avatar dayu26 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.