The stack

Routing - https://reactrouter.com/
https://reactrouter.com/web/api/Hooks

Style - https://react-bootstrap.netlify.app/
https://getbootstrap.com/docs/4.0/utilities/spacing/

State - redux, redux-thunk

Development

The project includes its analytics data library in src/pos-analytics-graph.

No RPC environment variables are required. By default, the app uses the Orbs rpcman endpoints configured in src/config/index.ts. REACT_APP_MAINNET_RPC and REACT_APP_POLYGON_RPC are optional overrides for development or alternative RPC providers.

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

See the section about deployment for more information.

yarn format

Formats the entire code of the app by prettier rules

Deploy GitHub Pages

• clone git

git clone https://github.com/orbs-network/pos-analytics

• Install

npm install

• Build only Please note that the root domain needs to match the Homepage field in package.json.

npm run build

• Publish a version to branch gh-pages

npm run deploy

• Setting up github pages Under setting of repository go to the github pages section and choose the branch gh-pages and the root directory and press Save. If you also published with a specific domain you can setup the Custom Domain name.

Polygon network support

As of march 29 2022, Orbs network supports both ETH and Polygon network.

Staking and reward claiming is now cheaper and faster using the L2 Polygon netwrok.

Analytics UI also supports both

Network selector is on the left in a dropdown underneath the logo.