TWIX Explorer is a read-only web application to browse the content of the blockchain. The explorer supports searching for transactions, accounts, namespaces, tokens, and blocks information on a given network.
- Explore recent block and transaction changes in real time.
- View statistics such as block time differences, recommended fees multiplier, transaction per block and effective rental fees.
- Easily search transactions, addresses, namespaces, tokens and blocks.
- Browse block, transaction, account, namespace, token and node details.
Node.js 8, 9 or 10 is required to run TWIX Explorer as a web application. It is recommended to install npm, the Node.js package manager. This can be done by executing the following command:
sudo apt install npm
- Clone the project.
git clone https://github.com/NewCapital/TWIX-Explorer
- Navigate to the project folder.
cd TWIX-Explorer
- Install the dependencies. This may take a while.
npm install
- Start the development server.
npm run dev
- Visit http://localhost:8080/#/ in your browser.
- Real-time display of recent blocks and transactions ✔️
- Block information display ✔️
- Transaction detail display ✔️
- Account detail display ✔️
- Namespace detial display ✔️
- Token detail display ✔️
- Block, transaction, account, token, namespace search ✔️
- Statistics display (block time differences, transaction per block etc.) ✔️
- Nothing to report so far.
- Altered UI elements (header, footer, colors, text, icons) for a more appealing, consistent and coherent appearance.
- Removed some irrelevant UI elements for less intrusive appearance.
- Using the Grammarly extension for Google Chrome may cause unexpected behavior when double clicking certain UI elements (hyperlink items may become centered throughout the website).
/src/config: Handles the explorer configuration./src/infrastructure: Handles the API / SDK request from Symbol nodes./src/store: Handles the application logic with state management./src/views: Handles the UI of the explorer.
The file /src/config/setup.json.mt contains the node list shown in the node selector dropdown.
- Edit
peersApi.nodesarray to set up the custom node list. - Set
peersApi.defaultNodeproperty to the default node url.