chore: update tutorial

README.md

@@ -1,4 +1,4 @@
-### AdMeta x Mina
+# AdMeta x Mina
 AdMeta emphasizes user privacy, seamlessly integrating Mina's discreet user tagging with EVM's ad publishing, and rewards engagement while maintaining data integrity across platforms.
 
 # Project Introduction
@@ -13,6 +13,81 @@ AdMeta provides four integrated programs — Dapp Extension, EVM Contract, and M
 - When searching in Chrome, the Extension evaluates the search terms. If criteria are met, it calls the Mina contract for the stored scores. Upon satisfying the score conditions, it invokes the EVM contract to align users with targeted ads.
 - Clicking an ad takes users directly to the designated ad page. Upon completing the advertiser's interactive tasks and passing verification, users receive rewards for the ad completion.
 
+# Online experience address
+[AdMeta x Mina](https://mina.admeta.network/)
+
+# Tutorial
+1. Build Mina Contract
+```sh
+cd mina-contract
+yarn 
+yarn build
+```
+The root directory will have a `build_mina` directory
+
+2. Run AdMeta x Mina Dapp
+- run
+```sh
+cd dapp/
+yarn 
+yarn dev
+```
+- Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+- Copy the folder `build_main` created by mina-contract build to the root directory 
+
+3. Install AdMeta Extension
+- Build extension
+```sh
+cd extension/
+yarn
+yarn build
+```
+- Open chrome extension `chrome://extensions/`
+- Install with dist folder
+
+4. Deploy Mina Contract
+- Open dapp `http://localhost:3000`
+- Connect wallet
+![Home Page](./img/home-page.png)
+- Open deploy page
+![Deploy Page](./img/deploy-page.png)
+  - Generate mina deploy address 
+  - Import private key yo your auro wallet
+  - Deploy contract need cost mina, So get token from faucet
+  - Use Auro wallet to send transaction for deploy contract
+  - Switch your mian address to set verify address, The verify address is used to verify in the contract
+
+5. Broswer whitelist domain and you will get score
+  - Broswer `uniswap.org` will add score in tag `Defi`
+  - Broswer `litentry.com` will add score in tag `DID`
+  - Broswer `web3go.xyz` will add score in tag `AI`
+  - ...
+
+6. Open your admeta extension you will watch local score change
+![Home Page](./img/extension-home-2.png)
+
+7. Open dapp ZK-Proof page
+![ZK Proof Page](./img/zk-proof-page.png)
+  - Load proof data from extension
+  - Generate zk trusted data
+  - Upload updated scores to the Mina blockchain
+
+8. Open dapp Dashboard page
+![Dashboard Page](./img/dashboard-page.png)
+  - score updated!
+
+9. Open google page and search ai
+![Show Ad](./img/show-ad-card.png)
+
+10. Click the ad card and enter task page
+![Ad Task](./img/ad-task.png)
+
+11. Complete ad task
+  - Connect wallet
+  - Go task link
+  - Verify ad complete
+  - Claim rewards
+
 
 # Project Chart
 ![AdMeta Product](./img/admeta_mina.jpg)
@@ -29,7 +104,7 @@ AdMeta provides four integrated programs — Dapp Extension, EVM Contract, and M
 ![Home Page](./img/extension-home-2.png)
 
 
-# Project Demo Video
+# Project Video
 [![Demo Video](https://img.youtube.com/vi/DTSoZLiz3HM/hqdefault.jpg)](https://www.youtube.com/watch?v=DTSoZLiz3HM)