Get Started With Developing In Ethereum

Get Started With Developing In Ethereum

Home

ERC-20

ERC-721

ERC-1155

{{ coinbase && (coinbase.substring(0, 8) + '...' + coinbase.slice(-6)) || 'Connect' }}

Warning: This dapp is for use on the Ethereum Sepolia testnet

Please install the MetaMask extension and connect to the Ethereum Mainnet or an EVM compatible chain. Then refresh this page, and click the [Connect] button on the top right.

name: {{ modalNonFungible.name }} description: {{ modalNonFungible.description }} image: {{ modalNonFungible.image }} attributes: {{ modalNonFungible.attributes }}

Welcome

This app is an explorer for ERC-20 Fungible, and ERC-721 and ERC-1155 Non-Fungible tokens.

How This Works

Enter a token contact address, or select from one of the samples token contracts from the dropdown list
This app then scans for event logs using the getLogs(filter) web3 call
These event logs are then processed for presentation in this app

Requirements

Web3 enabled desktop browser, connected to an Ethereum-Virtual-Machine compatible chain
Use one of these web3 browser plug-ins if necessary: MetaMask @ https://metamask.io/, or Rabby @ https://rabby.io/

References

App UI: https://bokkypoobah.github.io/GetStartedWithDevelopingInEthereum/
GitHub: https://github.com/bokkypoobah/GetStartedWithDevelopingInEthereum
Main app source code: https://github.com/bokkypoobah/GetStartedWithDevelopingInEthereum/blob/main/docs/index.html

Running Locally

In a folder on your computer, git clone https://github.com/bokkypoobah/GetStartedWithDevelopingInEthereum
Run a tool like anywhere in the ./docs subdirectory of the folder created above

Troubleshooting

If this dapp is not receiving the latest Mainnet data, reset your MetaMask web3 connection using Settings -> Advanced -> Clear activity and nonce data
Reset this dapp data by removing LocalStorage entries with the keys beginning with approval

Retrieve

{{ formatNumber(sortedFilteredERC20Events.length) + '/' + formatNumber(erc20.events.length) }}

{{ formatNumber(sortedFilteredERC20Balances.length) + '/' + formatNumber(erc20.balances.length) }}

{{ formatNumber(sortedFilteredERC20Allowances.length) + '/' + formatNumber(erc20.allowances.length) }}

Retrieve

Transfer

Approve

Transfer From

Retrieve

{{ formatNumber(sortedFilteredERC721Events.length) + '/' + formatNumber(erc721.events.length) }}

{{ formatNumber(sortedFilteredERC721Tokens.length) + '/' + formatNumber(erc721.tokens.length) }}

{{ formatNumber(sortedFilteredERC721ApprovalForAlls.length) + '/' + formatNumber(erc721.approvalForAlls.length) }}

{{ formatNumber(sortedFilteredERC721Approvals.length) + '/' + formatNumber(erc721.approvals.length) }}

Retrieve

{{ formatNumber(sortedFilteredERC1155Events.length) + '/' + formatNumber(erc1155.events.length) }}

{{ formatNumber(sortedFilteredERC1155Tokens.length) + '/' + formatNumber(erc1155.tokens.length) }}

{{ formatNumber(sortedFilteredERC1155ApprovalForAlls.length) + '/' + formatNumber(erc1155.approvalForAlls.length) }}

{{ coinbase && (coinbase.substring(0, 8) + '...' + coinbase.slice(-6)) || 'Connect' }}