Wallet Connect Using web3 react core

? **GitHub Repository:** [Web3 Wallet Connector](https://github.com/HMFazleRabbi/walletconnectWithweb-react-core)

? **Video Title:** Exploring Web3 Wallet Connector - Connect to Ethereum Wallets with React

? **Description:**
Welcome to this tutorial on using the Web3 Wallet Connector! In this video, we'll walk you through how to connect to Ethereum wallets using the Web3 React library, Metamask, and Wallet Connect. Whether you're a developer diving into blockchain integration or just curious about how to manage Ethereum wallets, this tutorial has got you covered.

? **Features:**
- Connect to Ethereum wallets using Metamask and Wallet Connect
- Visualize connection status, chain ID, and connected account
- Disconnect from the current wallet with ease
- User-friendly interface with clear step-by-step instructions

? **Technologies Used:**
React.js, Web3 React library, Metamask, Wallet Connect, Ethereum

? **Dependencies:**
- `@wagmi/core`: ^1.3.9
- `@web3-react/core`: ^6.1.9
- `@web3-react/injected-connector`: ^6.0.7
- `ethers`: ^5.5.4
- `react`: ^18.2.0
- `react-dom`: ^18.2.0

? **Getting Started:**
1. Clone the repository: `git clone https://github.com/your-username/web3-wallet-connector.git`
2. Navigate to the project directory: `cd react-walletconnector`
3. Install dependencies: `npm install`
4. Start the development server: `npm start`
5. Open your browser and go to [http://localhost:3000](http://localhost:3000) to see the app in action.

? **Usage:**
1. On the landing page, choose to connect via Metamask or Wallet Connect.
2. Click "Metamask" to connect using Metamask. If you don't have it installed, the button will be disabled.
3. Click "Wallet Connect" to connect via Wallet Connect. A QR code will appear for mobile wallet users.
4. Once connected, the app displays chain ID and connected account. Wallet Connect users will see their connection type.
5. To disconnect, click "Disconnect" at the bottom of the card.

? **Troubleshooting:**
If you run into any issues, we've got you covered:
- Can't connect? Make sure you have the required browser extensions (Metamask) or mobile wallet apps (Wallet Connect) installed.
- Connection problems? Check your internet connection and update your wallet extension or app.
- Account/chain ID not right? Verify you're on the correct Ethereum network and connected to the expected account.
- Disconnect troubles? Try refreshing or restarting your browser, or disconnect manually.

? **Contributions:**
We welcome your suggestions, improvements, and bug fixes! Feel free to open an issue or submit a pull request.

⚖️ **License:**
This project is licensed under the MIT License.

? **Questions or Feedback:**
Reach out to [[email protected]](mailto:[email protected]) for any questions or feedback. Happy coding!

---

If you found this tutorial helpful, don't forget to like and subscribe for more content related to blockchain, web development, and more! ?