1Wallet UI is a user interface (UI) repository built with Next.js and WebAuthn for authentication, providing an efficient server interaction to create and manage web3 wallets. The wallet is designed on top of the on-chain multisig SAFE wallet, eliminating the need to store seed phrases, and offering the convenience of FaceID/TouchID for authentication. This gasless wallet allows users to execute transactions in a custodial and trustless manner.
The infrastructure that enables the smooth functioning of this UI can be found, HERE.
1Wallet is a gasless web3 wallet that utilizes the Safe {WALLET} and the Safe AA SDK, enabling users to perform various actions such as swaps on platforms like 1inch. The wallet's core feature is the utilization of WebAuthn for authentication, allowing users to authenticate requests using FaceID or TouchID without the need to store any private keys or seed phrases.
-
Gasless Transactions: 1Wallet enables gasless transactions by relaying calldata to the entrypoint for execution on the Safe wallet, saving users from paying gas fees for their transactions.
-
Secure Authentication: WebAuthn is used for authentication, ensuring a high level of security as the user's private keys are stored in the device's secure enclave.
-
Swaps on 1inch: The demo showcases the capability of the wallet by enabling users to place swaps on 1inch in a gasless fashion.
-
Self-Custodial and Trustless: 1Wallet allows users to manage their assets and generate orders via their devices in a self-custodial and trustless manner.
1Wallet is built on the following technologies:
-
Next.js: A React framework for building server-side rendered and static websites.
-
Safe {WALLET}: Provides the foundation for the gasless transaction modules and abstract automated wallet management.
-
WebAuthn: Enables secure and convenient authentication using FaceID or TouchID.
-
Stackup Bundler: Used for relaying transactions to entrypoint for execution.
-
1inch: The 1inch API v5, Pathfinder, is an advanced discovery and routing algorithm that facilitates asset exchanges at the best rates by finding efficient paths for token swaps across protocols and market depths.
-
Supabase: It is utilized as the robust database solution to store user metadata, orders history, and other relevant information for seamless retrieval and management in the 1Wallet application.
To use 1Wallet UI, follow the steps below:
- Clone the repository to your local machine.
- Install the necessary dependencies using
yarn. - Create an env with
NEXT_PUBLIC_RPC=<polygonRPC_endpoint>. - Start the development server with
yarn dev. - To test this on a live build, run
yarn devBuild - Visit the local development URL in your web browser to access the 1Wallet UI.
This product's demo can be viewed here.
MIT © 1Wallet