Channel: Clever Programmer

Category: Education

Tags: codingcleverprogrammersoftware developmentreact jsprogrammerdeveloperweb developmenttutorialsoftware developerprogrammingjavascript

Description: 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: faucets.chain.link/rinkeby I got a HUGE surprise inside 🤫🎉 Get the free boosted plan with Sanity 👉 sanity.io/cleverprogrammer 🗄️ Link to the assets: drive.google.com/drive/folders/1dcNbNwxjvg7UTpBsNqBKxp44NM9xQwmR?usp=sharing 🔗 GitHub Repo: github.com/CleverProgrammers/uniswap-clone-youtube Check out JavaScript Mastery: youtube.com/c/JavaScriptMastery And check out his GitHub repo too: github.com/adrianhajdin/project_web3.0 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: cleverprogrammer.com/discord 🚀 Join Profit with React: cleverprogrammer.com/pwr?utm_source=youtube&utm_medium=yt-description&utm_campaign=yt-build&utm_content=10-feb-coinbase-web3-clone 🤝 Attend our meetups: cleverprogrammer.com/meetups #web3 #solidity #blockchain