Create an “Add Chain to Keplr Wallet” Button npm Package

oceans404 commented 1 month ago

Bounty Objective

Create an importable button component via an npm package that allows users to easily add a custom blockchain to their Keplr wallet. Keplr is a popular wallet extension for Cosmos-SDK-based blockchains. This button should be configurable and seamlessly integrate with the Keplr wallet, enabling users to add new chains including NilChain Testnet.

Bounty Requirements

Build an open source npm package that:

Provides a React component for a button that, when clicked, prompts the user to add a custom blockchain to their Keplr wallet
Allows developers to customize the button text and ChainInfo
Uses the Keplr API to facilitate the addition of the new chain
Validates and handles errors gracefully if the chain cannot be added
Provides feedback to the user indicating whether the addition was successful or not
Is compatible with major web browsers (Chrome, Firefox, Edge)

Build a web app demo that:

Imports your npm package
Includes a working “Add NilChain to Keplr” button with the NilChain Testnet chain info from the chain-info.json file: https://docs.nillion.com/network#nilchain-testnet
Shows the NIL balance of the connected account
Host this web app demo and provide a live link so we can try it.

Document your solution:

Submit your completed implementation as an open source GitHub repo
Include instructions in the README on how to run your implementation
Explain how to install and use your npm package in a new web app

How to Submit

Review the Terms and Conditions for Nillion Builder Bounties here.

Open source your repo and submit your bounty by creating a new discussion in Nillion’s “Show and Tell” Github Discussions Forum. For project type, choose “Builder Bounty Submission”

yashmangal112 commented 1 month ago

Hi @oceans404 I completed it. My project fulfil your all requirements. And I also added a discussion here: https://github.com/orgs/NillionNetwork/discussions/94

Please have a look into it. Thanks