hackquest logo

Delegated Wallet Access Portal:

MetaMask Delegation Demo is a web-based prototype that showcases how to securely delegate wallet permissions using MetaMask’s experimental ERC-7715 and ERC-7710 APIs. The project allows users to easi

Videos

Description

MetaMask Delegation Demo is a lightweight web application that demonstrates how to create and verify wallet delegations using the experimental ERC-7715 and ERC-7710 APIs provided by the MetaMask Delegation Toolkit SDK.

The project enables users to grant permissioned access to their wallet via delegation—without sharing private keys or full control. Using a simple UI, users can connect their MetaMask wallet, create a delegation by specifying a delegatee and optional caveat (hex constraint), and verify if a given delegation ID is valid.

This app is built with Next.js, React, Tailwind CSS, and ethers.js, and follows the design and logic patterns of the official MetaMask Delegation Toolkit SDK. The implementation currently uses a mock version of the SDK to showcase the core functionality, making it ready to upgrade once the official APIs are available.

The goal of this demo is to explore decentralized access control models in Ethereum dApps, where delegation can enable new use cases like:

  • Granular wallet permissions

  • Temporary or conditional access

  • Multi-agent wallet interactions

  • Role-based delegation in DAOs or smart contracts

Progress During Hackathon

Explored and integrated the experimental ERC-7715 and ERC-7710 APIs from the MetaMask Delegation Toolkit SDK. Implemented wallet connection and signature flow using ethers.js and MetaMask. Built a working prototype that allows users to: Create delegations by specifying a delegatee and optional caveat. Verify the validity of existing delegations using a delegation ID. Designed a clean and intuitive UI using Next.js, React, and Tailwind CSS. Deployed the demo on Vercel for public access and testing.

Tech Stack

React
Next
Web3
Ethers
Team LeaderFfuridngrt
Sector
DeFiSocialFiNFT