project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5

EAS Developer Kit

Unlock the full potential of EAS with our developer tool and eas-react SDK! Track, visualize, and analyze schemas and attestations in one intuitive dashboard. Seamlessly integrate React components to bring your data to life—tailored for builders, by builders!

EAS Developer Kit

Created At

Superhack 2024

Project Description

This project is a comprehensive developer tool designed to empower builders working with the Ethereum Attestation Service (EAS). Our solution provides an advanced analytics dashboard specifically tailored for developers, enabling them to efficiently track and visualize the schemas they create and the attestations associated with those schemas.

One of the key features of this tool is its ability to offer detailed insights into how schemas are being utilized, giving developers a clear understanding of the impact and reach of their attestations. The dashboard is designed to be user-friendly, making it easy to navigate through complex data and derive meaningful insights.

In addition to the analytics dashboard, we have also developed the eas-react SDK, a set of React components that allow developers to seamlessly integrate EAS functionalities into their React applications. These components abstract away the complexities of interacting with the EAS SDK, providing a smooth and efficient development experience.

Our project is focused on enhancing the developer experience in the EAS ecosystem, providing the tools necessary to build, manage, and analyze attestations with ease. Whether you are creating new schemas, managing existing ones, or analyzing attestation data, this tool offers the functionality and insights needed to take your EAS development to the next level.

How it's Made

Our project has two parts:

  • The developer dashboard (https://github.com/anvaya-labs/EAS-devtool)
  • React components library (https://github.com/anvaya-labs/eas-react)

Developer Dashboard:

Technology Stack:

  • React: The backbone of our user interface.
  • eas-react SDK: Using the React components exposed by this library for schema creation and attestation
  • Wagmi: To handle Ethereum wallet connections and interactions.
  • ethers.js: To manage Ethereum-related functionalities in JavaScript/TypeScript.
  • GraphQL: To efficiently fetch and manage data from the EAS GraphQL API.

Functionality: The dashboard serves as a centralized hub for developers, enabling them to manage, view, and attest their schemas and attestations. It addresses the fragmentation found in other explorers by providing an intuitive interface to track and analyze all relevant data in one place. The dashboard utilizes the eas-react SDK to allow seamless schema creation and attestation within the app.

eas-react SDK:

Technology stack:

  • @ethereum-attestation-service/eas-sdk: To create schemas and attestations
  • Chakra-ui: For design components

Key Features: Plug-and-Play: Developers can seamlessly incorporate EAS features into their apps, akin to how WalletConnect simplifies wallet integration. Schema Creation: Simplifies schema creation directly from within any React application. Attestation: Streamlines the process of attesting schemas, ensuring a smooth user experience.

Partner technology:

We used @ethereum-attestation-service/eas-sdk and the graphql endpoints exposed by EAS to create the library of React components and Developer Dashboard to fetch the relevant data and perform schema creation and attestation functionalities

background image mobile

Join the mailing list

Get the latest news and updates