Show HN: SmartContract UI – open-source Blockchain’s Browser

SmartContract UI Open source Blockchain’s Smart Contract Tool Table of contents Homepage Features Usage Config ABI Import from deployed contract Select network Specify contract’s address Setting function & arguments to call Contributing Changelog License Homepage contract.mph.am Features Discover millions deployed Smart Contracts across over 260 blockchains. Easy to read and write Smart Contract’s data with…

1
Show HN: SmartContract UI – open-source Blockchain’s Browser





SmartContract UI


Open source Blockchain’s Smart Contract Tool


SmartContract UI

Table of contents

Homepage

contract.mph.am

Features

  • Discover millions deployed Smart Contracts across over 260 blockchains.
  • Easy to read and write Smart Contract’s data with a friendly UI.
  • Sign your request in many ways: with Browser using Metamask Wallet, Binance Wallet, or with TrustWallet’s WalletConnect protocol, Coinbase’s WalletLink protocol, or importing your wallet from key.
  • Offline-First: You can use it anywhere, even without a network connection.

To suggest anything, please join our Discussion board.

Usage

Straightforward, to interaction with a Smart Contract, you’d need to know:

  • What interfaces (ABI) did the contract expose
  • The contract was deployed on which blockchain (network)
  • Which function and its arguments you’d like to call

Example:
Let’s play with the Uniswap Protocol: We’d like to understand how much USDT does 1 WETH worth currently.

To do it, we’d have to call the function getAmountsOut, on the Uniswap Router contract, which was deployed on Ethereum Mainnet. You can try it here.

Uniswap

Config ABI

To config the interface (ABI), you could paste the entire ABI’s JSON into the SmartContract ABI text field, or simply put the URL of the ABI’s JSON, or you can can also upload the ABI’s JSON from your computer. It can also read the Truffle’s build artifact JSON file.

ABI

Import from deployed contract

If you don’t have the contract’s ABI, you could also import it from the deployed contract

Import

Select network

Next thing to configure is the blockchain network where the contract was deployed. There are more than 260 chains supported.

Network

Specify contract’s address

After selecting the network, you could specify the address of the contract.

Tip: You can also use the camera to scan the contract’s address on a QR code.

Setting function & arguments to call

In the final step, you can choose which function you want to call, and specify its arguments.

Tip: You can also choose how to sign the call, by selecting your preferred wallet.

Call

Contributing

Please contribute using GitHub Flow. Create a branch, add commits, and then open a pull request.

Changelog

  • 0.0.1 (2022-01-01): I’m proud to release the first version of SmartContract UI!

License

This project is licensed under the GNU General Public License v3.0 – see the COPYING file for details.



Join the pack! Join 8000+ others registered users, and get chat, make groups, post updates and make friends around the world!
www.knowasiak.com/register/
Read More

Charlie
WRITEN BY

Charlie

Fill your life with experiences so you always have a great story to tell

Leave a Reply

One thought on “Show HN: SmartContract UI – open-source Blockchain’s Browser

  1. Aditya avatar

    SmartContract UI is an open source tool that helps you to interact with any Smart contract.
    – Discover millions deployed Smart Contracts across over 260 blockchains.
    – Easy to read and write Smart Contract's data with a friendly UI.
    – Sign your request in many ways: with Browser using Metamask Wallet, Binance Wallet, or with TrustWallet's WalletConnect protocol, Coinbase's WalletLink protocol, or importing your wallet from key.
    – Offline-First: You can use it anywhere, even without a network connection.