Git Product home page Git Product logo

ckb-explorer-frontend's Introduction

ckb explorer logo

CKB Explorer

License Github Actions CI Discord

CKB Explorer is a Nervos CKB blockchain explorer built with React and Ruby on Rails and includes two parts: CKB Explorer Frontend and CKB Explorer Server.

See live at CKB Explorer.

API documentation is available here.

CKB Explorer Frontend

Features

  • Explore blocks, transactions, addresses and lock hashes

  • Shows previous output and spending transaction details

  • Quick-search for tx hash, address, lock hash, block hash or height

  • Mobile-ready responsive design

  • Translated to two languages (English and Chinese)

  • Mainnet and Testnet with different theme colors

Getting Started

Prerequisite

  • Node: install version 12.0.0 or greater.
  • Yarn: See Yarn website for installation instructions. (needs 1.13.0 or greater).
  • A fork of the repo (for any contributions).
  • A clone of the ckb-explorer-frontend repo.

Edit .env file

You need to edit .env.development for development and .env.production for production to set your own api url as ckb explorer server.

REACT_APP_API_URL = 'http://your-api-url'        # Set your own server api url

REACT_APP_CHAIN_TYPE = 'testnet'                 # Set chain type (mainnet or testnet)

REACT_APP_MAINNET_URL = 'http://localhost:3000'  # MAINNET_URL is for deploying testnet, please ignore for development

REACT_APP_TESTNET_NAME = 'testnet'               # TESTNET_NAME will be displayed on explorer header and it also determines the subpath of the testnet

Installation

git clone https://github.com/nervosnetwork/ckb-explorer-frontend.git
cd ckb-explorer-frontend
yarn install   # install dependency libraries

Running locally

  • yarn start to start the development server (or npm start, if not using Yarn).
  • open http://localhost:3000/ to open the site in your favorite browser.

Building production

yarn build    # build ckb explorer frontend project
yarn test     # run project test cases

License

CKB Explorer Frontend is released under the terms of the MIT license. See COPYING for more information or see https://opensource.org/licenses/MIT.

ckb-explorer-frontend's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

ckb-explorer-frontend's Issues

Would it be possible to change the units KB, MB, GB to the more familiar K, M, and B?

Due to the common use of units like B, M, and K for token quantities in the market, many users are confused by the units used for CKB on https://explorer.nervos.org/charts/ - GB, MB, KB. As a long-time CKB user, it's easy to understand that 1 CKB equals 1 Byte. However, for users who are not familiar with CKB in-depth, this requires additional explanation. Would it be possible to change the units on the explorer to the more familiar K, M, and B that everyone is accustomed to?

image

The Tokens page needs a search box!

The Tokens page needs a search function for tokens. Right now, to view a token, you have to go through page after page, so we need a search box.

image

Pending transaction page uses pre-2021 address format.

When a transaction is pending, the visible address is ckt1q3uljza4azfdsrwjzdpea6442yfqadqhv7yzfu5zknlmtusm45hpuqdkaawz6chkg386q2y7z35qysmfgks3rzqqc2xvp5, which is using the pre-2021 address format.

20220330152910

After the transaction confirms, it switches to ckt1qpuljza4azfdsrwjzdpea6442yfqadqhv7yzfu5zknlmtusm45hpuqgpkmh4cttz7ezylgpgnc2xsqjrd9z6zyvgqqmm5lpp , the CKB2021 address format.

20220330153013

Token Page not sortable

Please add sorting functionality to the token page in order to provide a better UX as more tokens are launched and users will want to track tx and address count.

Can't get the json info from API link

I'm trying to get my wallets info via the API link: https://api.explorer.nervos.org/api/v3/addresses/{wallet address}
But I keep getting:

403 ERROR
The request could not be satisfied.
Request blocked. We can't connect to the server for this app or website at this time. There might be too much traffic or a configuration error. Try again later, or contact the app or website owner.
If you provide content to customers through CloudFront, you can find steps to troubleshoot and help prevent this error by reviewing the CloudFront documentation.
Generated by cloudfront (CloudFront)
Request ID: 2BAa_xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx==

I'm trying to feed my homeautomation app (hassio) with my wallets info.

Network Exception, Please try again later.

I get this error anytime I try to look up certain addresses.
ckb1qrgp752jcfnm0uemj723grpyva6zappyuj0tuge3etkpjlmjsxmq5q2zn9tdfhe6snu263qax9dqknrvwhgufjgc2f8nw
ckb1q3s56s9gdcdjn285mrvnh8em8y9lwsyq87se5603e9t3dcpfagymxeyhnx267jercz69uf5t57nl3ktyz02gzusx9r2
ckb1qzl58smqy32hnrq6vxjedcxe2fugvnz497h7yvwqvwel40uh4rltcq29h9ap6hfvpy0jq9j9vm0vc4v2csyrf0sqxejmq

DAO feature request

20210902_113433

Hello, would it be possible to add the real-time CKB price as well as a wallet total.
Then maybe broken down by available total value
and then locked total
On the DAO
Thank you,
Dean

SyntaxError occur when getting start

./src/contexts/reducer/index.ts
SyntaxError: C:\Users\Administrator\Documents\OpensourceProject\ckb-explorer-frontend-develop\src\contexts\reducer\index.ts: Unexpected token (12:0)

  10 |   state: State.AppState,
  11 |   { type, payload }: { type: StateActions; payload: any },
> 12 | ): State.AppState => {
     | ^
  13 |   if (Object.values(AppActions).includes(type as AppActions)) {
  14 |     return appReducer(state, { type: type as AppActions, payload })
  15 |   } else if (Object.values(PageActions).includes(type as PageActions)) {

Liquidy chart on CKB explorer

Hi, the liquidity chart currently has two categories that comprise total circulating supply - DAO deposits and tradeable. Can a third category be added related to CKB occupying data? Currently, I think that such CKB are being included in the tradeable figure, however I don't think that's completely accurate since if the CKB are being used to store data, they are not necessarily tradable.

Thank you!

Number of CKB in live / all cells

Is it possible to add another chart that shows the number of CKB associated with the live cells and all cells in the "Cell Count" chart on the explorer page? Thank you!

Liquidity Chart not showing the actual liquidity of CKB

The Liquidity chart ([https://explorer.nervos.org/charts/liquidity]) is currently divided into:

  1. the CKB stored on the Nervos DOA, and
  2. the remainder of the circulating supply is "Tradable".

However, CKB used to store NFTs and other assets as well as smart contracts and scripts appear to be considered within this tradable supply (at least that was Jordan Mack's response on the Discord channel) so the chart isn't actually showing the liquidity.

If it is included in the tradable band, is it possible to upgrade this chart to include how much is additionally being locked up (hopefully as a separate band, if not within the Nervos DAO band), as this is a massive part of the power of the CKB economic model but it isn't being reflected in the material available to the end users. It also means that we will not be able to see the positive impact that the NFT marketplaces and defi dapps will be having now the ecosystem is starting up.

[feature request] Quickly jump to the transaction history of an sUDT + an address

As an sUDT holder, I would like to quickly jump to the current address of an sUDT transaction record, so that I can easily view the transaction record of this sUDT, either from favorites or from a CKB dAPP quick link

The current /sudt/:typeHash has a search box for filtering an address, if the address could show up explicitly in the URL, like /sudt/:typeHash?address=ck...... , that would be great, so that instead of going to the /sudt/:typeHash page and typing in the address, the user could jump directly to

State growth space chart in Layer 1

When you got into the nervos explorer charts, I dont have information of storage space growth in the Layer 1. It would be interesting to see this information, so it could help prove that the economics for state size control are working in the long term. It would be interesting to see how much the state storage grows according to the time, and at the same time if space will be release so it would avoid state explosion.

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.