project screenshot 1
project screenshot 2
project screenshot 3

Blockhead: The Window to the Web3 Metaverse

Blockhead is a user-friendly Web 3.0 browser/metaverse explorer for Ethereum, Polygon, DeFi, NFTs, dApps, DAOs, decentralized identities and everything in between! Pick data providers, browse transactions/metadata, and curate your corner of the metaverse - all from one interface!

Blockhead: The Window to the Web3 Metaverse

Created At

ETHOnline 2021

Winner of

trophy

The Graph - Best use of an existing subgraph

trophy

Pocket Network Pool Prize

trophy

Compound Grants General Pool

trophy

Best use of Alchemy runner up

trophy

BitGo - WBTC Prize

trophy

Pocket Network - Best hack with RPC endpoint 2nd Place

trophy

Best use of ParaSwap - 3rd place

Project Description

The metaverse is here, and it's powered by Web 3.0! 🌐

Blockhead is a browser that synthesizes data from all across the Web 3.0 ecosystem - from Ethereum to Polygon to IPFS to The Graph to everything in between - to form a single window into the weird wide wacky world of cryptocurrency, smart contracts, DeFi, NFTs, blockchain scaling solutions, decentralized identity, DAOs, and computer-mediated human coordination. 🤯

Visualize transactions, interact with decentralized financial/social apps, and take a deep dive into blockchain history with Blockhead's dedicated user interfaces and explorer tools. 🔍

Curate the parts of the web 3.0 metaverse you care about by tracking accounts and wallet addresses in your portfolio, minting NFTs, and (coming soon) saving things to your decentralized identity from ENS, Ceramic IDX, or Textile. 🧐

Customize Blockhead any way you like by choosing between multiple web 3.0 infrastructure providers across the decentralization spectrum, including The Graph, ENS, Moralis, Covalent, Skynet, IPFS, NFTPort, Pocket Network, Alchemy, Infura, Chainlink, Zapper, Zerion, Etherspot and Etherscan - with more being added every hackathon 🛠

Enjoy cutting-edge UX, bespoke layouts and animations, and thoughtfully designed UI interactions - powered by Svelte/SvelteKit, TypeScript/JavaScript, vanilla HTML/CSS/native browser APIs, and one college dropout with a ridiculously huge passion for front-end web development and digital product design 🤓


Follow me on Twitter 🐦 (invite me to your DAO?) https://twitter.com/0xblockhead https://twitter.com/darryl__yeo

Give feedback and suggest features on Discord 👾 (gm; wagmi) https://discord.gg/966eXqqq7N

Support Blockhead on Gitcoin Grants 💰 (hint: wait for the next matching round) https://gitcoin.co/grants/2966/blockhead

How it's Made

Video demo will be posted shortly!


See how Blockhead has evolved by watching my demos from previous hackathons!

• ETHGlobal Scaling Ethereum 2021: https://showcase.ethglobal.co/scaling/blockhead-crypto-portfolio-and-explorer

• ETHGlobal HackMoney 2021: https://showcase.ethglobal.co/hackmoney2021/blockhead-the-hackmoney-defi-update

• ETHGlobal HackFS 2021: https://showcase.ethglobal.com/hackfs2021/blockhead-the-hackfs-web-3-0-update


New features for ETHOnline 2021:

Preferences

• Redesigned Preferences panel at the bottom

• Compact view that dynamically surfaces relevant preferences based on context

• Expanded view with categories

• Preferences are saved to your browser's local storage

Preferences › On-Chain Data:

• Added Alchemy as an Ethereum JSON-RPC provider

• Added Moralis as an Ethereum JSON-RPC provider

• Added Pocket Network as an Ethereum JSON-RPC provider

Preferences › Transactions/Block Data:

• Added Covalent as a Transactions/Block Data provider

• Added Moralis Web3 API as a Transactions/Block Data provider

Preferences › Token Balances:

• Added Covalent as a Token Balances provider

• Added Moralis Web3 API as a Token Balances provider

Portfolio › Token Balances

• Browse ERC-20 tokens owned by an address or ENS name via Covalent or the Moralis Web3 API

Explorer › Ethereum/Polygon › Account (address/ENS name)

• Browse ERC-20 tokens owned by an address or ENS name via Covalent or the Moralis Web3 API

• Browse all transactions involving this account; "Exhaustive" view shows all smart contract internal transactions/event logs, while "Detailed" view shows only those with the currently viewed address as one of the parameters

• While on the Explorer view, click an ERC-20 token to see only the transactions with this ERC-20 token transferred to/from this account

• ERC-20 tokens sent from/to the zero address (minted/burned) are highlighted and labeled with 🌱/🔥 respectively

Explorer › Ethereum/Polygon › Block (block number):

• Browse metadata for any block via the Moralis Web3 API, including cryptographic numbers used for consensus and "extra data" posted by Ethereum miners

• Hover over metadata items for extra details and terminology definitions, adapted from the Ethereum.org wiki

• Intuitive navigation using a visual representation of the blockchain, from the genesis block to the latest block (updated in real time via Pocket Network/Alchemy/Moralis JSON-RPC providers)

• Easily hop to blocks created around the same time on other EVM chains - powered by the dateToBlock endpoint from the Moralis Web3 API

Explorer › Ethereum/Polygon › Transaction (transaction ID):

• Browse smart contract event logs for a given transaction via Covalent or the Moralis Web3 API

• Covalent: fully decoded event logs with signatures for internal smart contract calls, parameter names, topic hashes of indexed parameters; labels for ERC-20 tokens and other well-known smart contracts; fiat conversions for gas fees and native currency transfers; timestamps and block positions

• Moralis Web3 API: topic hashes; timestamps and block positions

Apps › ENS:

• Search the ENS subgraph on The Graph for ENS domains

• Check current registration/ownership details, subdomains, text records, content hash records, cryptocurrency address records

• Browse transaction history for a given domain - registrations, transfers, resolver changes, text record updates, etc

• Browse associated transaction details/Ethereum event logs via Moralis/Covalent

• Hover over metadata items for extra details and terminology definitions, adapted from the official ENS documentation

Apps | Portfolio › DeFi Balances:

• Show DeFi balances for Aave, Balancer, BitGo, 88mph, Enzyme, The Graph, Polygon, Superfluid, UMA, 0x

Web 3.0/Decentralization:

• Added GitHub Action to upload the frontend to Skynet, Add to Homescreen integration


Work in Progress (not yet demo-able):

Apps › Fully-featured decentralized user interfaces for popular DeFi apps

• Building components and lots of tooling behind the scenes to get web3/ethers/Ethereum JSON-RPC compatible with Svelte, allow transactions to be sent, and integrate visualizations - see below for planned apps

Apps › BitGo:

• Real-time visualization showing minting/burning of wrapped tokens under custody

Apps › Uniswap, Balancer, 0x, 1inch, Paraswap:

• Super user-friendly and educational spot trading interface (coming soon)

Apps › Aave, Compound:

• Super user-friendly and educational lending/borrowing interface (coming soon)

Apps › Yearn, Enzyme, 88mph:

• Super user-friendly and educational lending/borrowing interface (coming soon)

Explorer › More EVM compatible chains:

• Metis added as explorer option; support from existing data provider integrations currently limited

• SKALE Testnet added as explorer option; support from existing data provider integrations currently limited

Explorer › NFTs

• Adding dedicated explorer views for ERC721/ERC1155 contracts: browse NFT collections and view individual tokens via NFTPort, Covalent and/or Moralis; choose which IPFS gateway to use

Web 3.0/Decentralization

• In addition to browser local storage, save/back up your Blockhead data & activity to decentralized identity/storage systems including Textile, Ceramic, and SKALE

• Add preference for preferred IPFS gateway for fetching NFT metadata/Audius streams, IPFS links/content hashes found on ENS domains

background image mobile

Join the mailing list

Get the latest news and updates