[Tornado Cash] Ep10. The Final Assembly! Full-stack Walkthrough for Goerli Deployment

Описание

Final Deployed Link: nfta-tornado-lo3rnby3h-darth-cy.vercel.app
(Make sure to switch to Goerli before using!)

In this final episode, we put everything together to construct the complete product. Three separate components are implemented - the frontend (NextJS + React), the backend (Hardhat + Solidity), and the circuit (Circom + SnarkJS).

Find all episode resources on Github:
https://github.com/darth-cy/NFTA-Tornado-Resources
__________________________________________
Relevant Documentations:
Metamask RPC API: https://docs.metamask.io/guide/rpc-api.html#table-of-contents
SnarkJS: https://github.com/iden3/snarkjs
OpenZeppelin Contracts: https://github.com/OpenZeppelin/openzeppelin-contracts
Bootstrap Download: https://getbootstrap.com/docs/4.0/getting-started/download/
Next.js Guide: https://nextjs.org/docs/getting-started
Next.js Deployment Guide: https://nextjs.org/docs/deployment
Goerli Testnet Explorer: https://goerli.etherscan.io/
Vercel Deployment with Domain: https://vercel.com/docs/concepts/projects/domains/add-a-domain
__________________________________________
Catch me with your favorite Outlets:
✈️ Telegram: https://t.me/darth_cy
? LinkedIn: https://www.linkedin.com/in/ray-xq-l/
__________________________________________
Join Darth Cy's Discord:
https://discord.gg/Z3uYuuZaex
__________________________________________
Sponsored by NFTA: https://www.nfta.one
For Business Inquiries: hello@nfta.one
__________________________________________
More content coming out! Grateful for you being here and a part of the web3 professional space.
#blockchain #web3 #ethereum #zeroknowledge #cryptography #programming #technology
__________________________________________
Video Sections:
00:00 Introduction
02:13 Frontend Connect Metamask
18:24 Setup Local Blockchain
22:58 Frontend Deposit Feature UI
25:26 Deposit Circuit in Circom
33:21 Frontend Deposit, Run Circuit in Browser with SnarkJS
46:32 Starting the Backend Contract
01:07:55 Encode Deposit Call with Contract ABI
01:10:20 Local Backend Contract Deployment
01:13:42 Completion of Frontend Deposit Feature
01:29:02 Starting the Withdrawal Feature, Circuit Construction
01:41:40 Setup Groth16 for Withdrawal Circuit
01:49:12 Backend Contract Withdrawal Function
01:59:39 Frontend Withdrawal Feature
02:24:23 Styling Using Bootstrap
03:09:00 Backend Deployment
03:17:32 Frontend Deployment
03:32:16 Epilogue
__________________________________________
FAIR USE NOTICE
This video may contain copyrighted material; the use of which has not been specifically authorized by the copyright owner. We are making such material available for the purposes of criticism, comment, review and news reporting which constitute the fair use of any such copyrighted material as provided for in section 107 of the US Copyright Law. Not withstanding the provisions of sections 106 and 106A, the fair use of a copyrighted work for purposes such as criticism, comment, review and news reporting is not an infringement of copyright.