A proof of concept Flutter web app for navigating different levels of the Topl blockchain. This block explorer is designed to visualize the main levels of the Tetra version of the Topl PoS (Proof-of-Stake) protocol: epochs, blocks and transactions.
Untitled.mp4
This app uses mock block and transaction data from Topl to visualize the layers of the blockchain in a simple, user-friendly UI. Most block explorers in the industry are cumbersome and ugly. They tend to be very dense on data and are not accessible to beginners. The vision of this app is to provide the most minimalistic, easy-to-use gateway to the Topl blockchain.
Through this block explorer, users can:
- View epochs as grids of blocks (with a breakdown of each block with a block # and other metrics)
- Scroll through epochs horizontally back and forwards in cronological order
- Click on a block to be taken to a level below, which is the view block stacks screen
- Scroll through block stacks horizontally in cronological order
- Click to expand/contract block stack to view lower level transactions
- Click on a transaction to see UTXO (unspent transaction output) info
This app requires you to have the Flutter SDK installed on your machine. You can follow the instructions for that here.
- Clone down the repo locally
- Change into the
blockchain_explorerdirectory - Run the
flutter run -d chrometo start the app in a Chrome window
Installing the Flutter SDK locally can be a pain. Instead, the full Blockchain Explorer app has been deployed through Heroku here.
You can explore the full Figma UI designs for this project here