Blockhead: ETHSanFrancisco

Blockhead is a super-interface for EVM blockchains, DeFi, and web3 protocols, consisting of a crypto/DeFi/NFT portfolio tracker ("Portfolio"), a cross-EVM block explorer ("Explorer"), and data explorers for DeFi apps and web3 protocols ("Apps"). Built as a data-agnostic, fully client-side web app, Blockhead is tightly integrated with a wide variety of indexing solutions and infrastructure providers across the decentralized web, putting YOU in full control of the data sources that power the views and dashboards. It's a web3-native frontend experience purpose-built for customizability, transparency, redundancy, accessibility, and decentralization!

Blockhead started two years ago as a hack for ETHOnline 2020, and I've continued to iterate and integrate new data providers at hackathons ever since.

Follow Blockhead on Twitter and Gitcoin Grants:

• twitter.com/darryl__yeo

• twitter.com/0xBlockhead

• gitcoin.co/grants/2966/blockhead

For ETHSanFrancisco, I added the ability to look up verified smart contract source code, created a generative UI that lets users interact with any smart contract method, and implemented the ability to simulate a transaction using Tenderly's Simulation API.

By sponsor:

Tenderly: Integrated the Simulation API on the Explorer view.

Uniswap: Tested the Smart Contract Interaction UI flow against the UniswapV3Factory.sol contract on Ethereum mainnet (0x1F98431c8aD98523631AE4a59f267346ea31F984).

QuickNode: Used QuickNode's RPC endpoint to query the contract code given an EVM address, which is crucial for the frontend to distinguish smart contracts from externally owned addresses.

Polygon, Gnosis, Optimism & Evmos: Added the ability to look up verified smart contract source code from Sourcify for each of the listed chains.

ApeCoin: Added ApeCoin DAO as a web3 app with a dedicated dashboard.

ENS: Implemented an <AddressInput> form field component which can take either a regular address or an ENS name. Used for submitting transactions to smart contract methods that take Solidity "address" parameters.

IPFS: Implemented an <IpfsLoader> Svelte component which loads a CID's content from a chosen IPFS gateway. Added the ability to look up verified smart contract source code from Sourcify for several chains; if a Sourcify source code file is hosted on IPFS, it will be tagged with its IPFS CID in the UI.