Blockhead: The Window to the Web3 Metaverse

Screenshots

Problem Statement

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__yeoGive feedback and suggest features on Discord 👾 (gm; wagmi) https://discord.gg/966eXqqq7NSupport Blockhead on Gitcoin Grants 💰 (hint: wait for the next matching round) https://gitcoin.co/grants/2966/blockhead

Solution

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-updateNew 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 storagePreferences › 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 providerPreferences › Transactions/Block Data:• Added Covalent as a Transactions/Block Data provider• Added Moralis Web3 API as a Transactions/Block Data providerPreferences › Token Balances:• Added Covalent as a Token Balances provider• Added Moralis Web3 API as a Token Balances providerPortfolio › Token Balances• Browse ERC-20 tokens owned by an address or ENS name via Covalent or the Moralis Web3 APIExplorer › 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 🌱/🔥 respectivelyExplorer › 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 APIExplorer › 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 positionsApps › 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 documentationApps | Portfolio › DeFi Balances:• Show DeFi balances for Aave, Balancer, BitGo, 88mph, Enzyme, The Graph, Polygon, Superfluid, UMA, 0xWeb 3.0/Decentralization:• Added GitHub Action to upload the frontend to Skynet, Add to Homescreen integrationWork 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 appsApps › BitGo:• Real-time visualization showing minting/burning of wrapped tokens under custodyApps › 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 limitedExplorer › 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 useWeb 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