EAS DevTool & EAS React SDK

This project is built on top of the Ethereum Attestation Service (EAS). The problem with EASScan is that it doesn't allow users to view their own schemas and attestations in one centralized place—everything is scattered. The role of explorers should be to provide essential stats and easy access to key information.

This project has two main components:

1. DevTool: A platform where you can manage, view, and attest data. It provides a comprehensive interface to interact with your schemas and attestations.
2. EAS React SDK: A plug-and-play React component designed to create and attest schemas seamlessly. Think of it as the WalletConnect button, but for EAS.

Technology Stack

• Ethereum Attestation Service SDK: The core of the Ethereum Attestation Service, enabling easy interaction with the EAS protocol.
• React: A popular JavaScript library for building user interfaces.
• Wagmi: React hooks for Ethereum, helping with wallet connection and other Ethereum-related functionalities.
• ethers: A complete Ethereum wallet implementation and utilities in JavaScript (and TypeScript).
• GraphQL Client: For fetching and managing data efficiently from the EAS GraphQL API.

Features

DevTool

• Manage: A centralized place to manage all your schemas and attestations.
• View: Easily view your schemas and attestations without the hassle of navigating through scattered information.
• Attest: Attest data with a simple and intuitive interface.

EAS React SDK

It uses Ethereum Attestation Service SDK under the hood to provide the following features:

• Plug-and-Play: Integrate the EAS React SDK into your React application with ease.
• Create Schemas: Easily create new schemas within your application.
• Attest Schemas: Attest schemas directly from the EAS React SDK, simplifying the process for end-users.

Getting Started

Prerequisites

Ensure you have the following installed:

• Node.js (v14.x or later)
• npm or yarn
• An Ethereum wallet (e.g., MetaMask)
• Run the indexer service: https://github.com/rsksmart/eas-indexing-service

Installation

1. Clone the repository:

   git clone https://github.com/yourusername/eas-devtool.git
   cd eas-devtool

2. Install the dependencies:

   npm install

   or

   yarn install

3. Run:

   yarn dev

   or

   npm run dev

Screenshots

Usage

• DevTool: Navigate to the /devtool path to manage, view, and attest your EAS data.
• EAS React SDK: Import and integrate the EAS React SDK into your React components to enable schema creation and attestation.

Contributions

Contributions are welcome! If you'd like to contribute, please fork the repository, make your changes, and submit a pull request. Make sure to follow the project's coding guidelines and standards.

Developers

Koushith Amin

• Twitter: @koushith
• LinkedIn: Koushith Amin
• GitHub: koushith

Sweta Shaw

• Twitter: @sweta
• LinkedIn: Sweta Shaw
• GitHub: swetashaw