connect to wallet

Author: shan57blocks

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "cryptocurrency"
+    ]
+}

SUMMARY.md

@@ -51,7 +51,8 @@
 ## 💻 DApp
 
 - [What is Dapp](dapp/what-is-dapp.md)
-- [Wallet Connect](dapp/wallet-connect.md)
+- [Wallet Connect](dapp/wallet-connect/README.md)
+  - [Connect to Wallet](dapp/wallet-connect/connect-to-wallet.md)
 - [Transaction Interaction](dapp/transaction-interaction.md)
 
 ## 👓 Case Study

dapp/wallet-connect.md

@@ -0,0 +1,7 @@
+In traditional web applications, users are prompted to sign in with an username and a password. In the decentralized world, DApps need to be given permission to access a user’s wallet in order to enable certain functionality.
+
+## Metamask
+
+MetaMask is a cryptocurrency wallet that enables users to access the Web 3 ecosystem of decentralized applications (dapps). It is one of the most popular wallet solutions, and is accessible via a Chrome extension or a mobile app.
+
+MetaMask injects a global Ethereum API into websites users visit at window.ethereum, which allows the websites to read and request the users' blockchain data.

dapp/wallet-connect/README.md

@@ -0,0 +1,7 @@
+In this post we will use a library called web3-react in order to connect users to MetaMask or any wallet from the frontend. Web3-react is a simple, powerful framework for building modern Ethereum dApps using React.
+
+## Prerequisites
+
+1. Install [metamask](https://metamask.io/) and create an account. Add the extension to your browser.
+2. Create your own React project
+3. [ethers.js](https://docs.ethers.io/v5/): Open source JavaScript Client library which contains the tools to talk to the Ethereum blockchain. (Another very popular option is [web3.js](https://web3js.readthedocs.io/en/v1.5.2/). You can find a comparison of the two [here](https://blog.infura.io/ethereum-javascript-libraries-web3-js-vs-ethers-js-part-i/).)