Blockhead: Graph Hack

Blockhead aims to be the ultimate super-interface for blockchains, DeFi, and web3 protocols, with a focus on redundancy, customizability, transparency, and accessibility. Users control which data sources power views and dashboards in a tightly integrated client-side app, which currently consists of a multi-chain crypto/DeFi dashboard ("Portfolio"), a cross-EVM block explorer ("Explorer"), and interactive data visualizations for foundational web3/DeFi protocols ("Apps").

This is a continuous hackathon/public good project where at each hackathon I build, iterate and/or refactor a few features, integrate any related sponsor technology, and push the boundaries of frontend development and UI/UX in web3.

Here's everything I did during Graph Hack:

• Overhauled the "provider" logic, distinguishing the RPC/WebSocket node providers from the wallet providers
• Created a comprehensive "internal database" of Figment DataHub's node endpoints, distinguishing mainnets from testnets, RPC nodes from WebSocket nodes, and regular nodes from "archive" nodes from "indexer" nodes. This can serve as the basis for keeping track of other blockchain infrastructure providers like Alchemy, Infura, Pocket Network and Moralis.
• Overhauled the wallet connection UI and created a new flow for adding wallet addresses to portfolios. Connect any "injected" EIP-1193 providers (e.g., MetaMask), WalletConnect wallets (e.g. Rainbow), and/or Coinbase Wallet simultaneously and drag-and-drop it to the Address field when adding an account to a Portfolio.
• Started building out tooling to support multiple GraphQL endpoints and shared data structures, in order to take advantage of Messari's subgraph standardization efforts in the future.

Built With

• svelte
• thegraph