WalletConnect.md

Sponsor Prize

WalletConnect

Prize Requirements

We have up to $20,000 USD for hackers looking to create with WalletConnect.

$8,000 for Web3Inbox $5,000 for Web3Modal V3 Usage $3,000 for Mobile Usage (React Native / iOS / Android) $2,000 for Innovation. Go wild and create anything using any of the WalletConnect SDKs $1,000 for the top 10 pool prize submissions

Please add a sentence or two on why you're applicable for this prize.

Universal wallet acceptance made possible with Web3Modal V3 using WalletConnect SDK!

We are using WalletConnect SDK so that we can allow users to connect any wallet they want so we can reduce as much as friction as possible to funding organizations and funds.

It usable throughout web, mobile, and tablet.

Mobile:

7.WalletConnect.mov

Link to the code where the tech is used.

ETHNYC/web3modal-working/src/pages/_app.jsx

Lines 88 to 96 in 5e04a91

	<List.Item>
	{ready ? (
	<WagmiConfig config={wagmiConfig}>
	<Component {...pageProps} />
	</WagmiConfig>
	) : null}
	<Web3Modal projectId={projectId} ethereumClient={ethereumClient} />
	</List.Item>

ETHNYC/web3modal-working/src/pages/_app.jsx

Lines 1 to 48 in 5e04a91

	import {
	EthereumClient,
	w3mConnectors,
	w3mProvider,
	} from "@web3modal/ethereum";
	import { Web3Modal } from "@web3modal/react";
	import { useEffect, useState } from "react";
	import { configureChains, createConfig, WagmiConfig } from "wagmi";
	import { mainnet, optimism, polygon } from "wagmi/chains";
	import "../styles.css";
	import { List, InputNumber, Select, Button } from 'antd'
	import Head from 'next/head';
	import {PrivyProvider} from '@privy-io/react-auth';
	import { MetaMaskSDK } from '@metamask/sdk';
	// const options = {dappMetadata: {name: "My Dapp", url: "https://mydapp.com"}}
	// const MMSDK = new MetaMaskSDK(options);
	// const ethereum = MMSDK.getProvider(); // You can also access via window.ethereum
	// ethereum.request({ method: 'eth_requestAccounts', params: [] });
	// 1. Get projectID at https://cloud.walletconnect.com
	if (!process.env.NEXT_PUBLIC_PROJECT_ID) {
	throw new Error("You need to provide NEXT_PUBLIC_PROJECT_ID env variable");
	}
	const projectId = process.env.NEXT_PUBLIC_PROJECT_ID;
	// 2. Configure wagmi client
	const chains = [mainnet, polygon, optimism];
	const { publicClient } = configureChains(chains, [w3mProvider({ projectId })]);
	const wagmiConfig = createConfig({
	autoConnect: true,
	connectors: w3mConnectors({ chains, projectId }),
	publicClient,
	});
	// 3. Configure modal ethereum client
	const ethereumClient = new EthereumClient(wagmiConfig, chains);

How easy is it to use the API / Protocol? (1 - very difficult, 10 - very easy)

10 🌟

Additional Feedback

Love how easy it was to setup the demo!