โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
In this tutorial, you’re gonna be building the Uniswap Blockchain Web 3.0 App using Solidity, Next JS, Sanity.io, Tailwind CSS, and Vercel ๐ฅ
๐ค Get FREE test Rinkeby Ethereum here:
I got a HUGE surprise inside ๐คซ๐
Get the free boosted plan with Sanity ๐
๐๏ธ Link to the assets:
๐ GitHub Repo:
Check out JavaScript Mastery:
And check out his GitHub repo too:
You’ll be learning about:
๐ Building a Web 3.0 Application with Next JS
๐ Build your own smart contract using Solidity
๐ Styling your app using Tailwind CSS
๐ Adding Web 3.0 authentication using MetaMask
๐ Storing data and information about each transaction in Sanity.io
๐ Using GROQ to retrieve data from Sanity Studio and display it in your Web 3.0 App
๐ Creating a send and receive functionality for your tokens on the blockchain with Solidity
๐ Deploy and host the app on Vercel
Buckle up, buttercup ๐
โฒ๏ธ Timestamps
00:00:00 – Intro
00:01:05 – Demo of the Uniswap Clone
00:04:30 – Create Next App with Tailwind
00:17:02 – Set up Sanity with Free Boosted Plan Coupon
00:17:10 – Add Header
00:28:39 – Add Uniswap Form
00:31:56 – Add Global MetaMask Authentication using Ethers & Context API
00:47:04 – Create Simple Smart Contract to Transfer Cryptocurrency between Wallets
00:56:43 – Process Crypto Transfer with Ethers.js
01:16:24 – Store Transaction History in Sanity
01:32:00 – Display Transaction History
01:40:50 – Increase UX by Adding a Loading Modal
01:48:01 – Deploy Uniswap App & Outro
=======================================================
๐จโ๐ฉโ๐งโ๐ฆ Join our Discord Community:
๐ Join Profit with React:
๐ค Attend our meetups:
#web3 #solidity #blockchain
โถ Coinbase Website: Coinbase.com
โถ CEX Website: cex.io
Youtube version
