Master Web3 development by building Uniswap - a decentralized cryptocurrency exchange React application with metamask pairing, live smart contract data fetching, and most importantly, the ability to create your own ERC20 tokens, swap them and more! ⭐ Cranq - https://cranq.io/ Become a Web3.0 Pioneer by Building an Advanced NFT Marketplace App: 💻 JS Mastery Pro - https://jsmastery.pro/youtube ✅ A special YOUTUBE discount code is automatically applied! 📙 The Web 3.0 Developer Roadmap : https://resource.jsmastery.pro/web3.0-roadmap 📙 The Ultimate Solidity CheatSheet : https://resource.jsmastery.pro/solidity-cheatsheet 📚 Materials/References: GitHub Code (give it a star ⭐): https://github.com/adrianhajdin/project_web3_uniswap Alchemy - https://www.alchemy.com/ Alchemy Faucet - https://goerlifaucet.com/ Contracts folder: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_web3_uniswap/tree/main/contracts Starter src folder: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_web3_uniswap/tree/main/src CRANQ Checkpoint 1: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_web3_uniswap/blob/main/checkpoint_one.cranqj CRANQ Checkpoint 2: https://minhaskamal.github.io/DownGit/#/home?url=https://github.com/adrianhajdin/project_web3_uniswap/blob/main/final_checkpoint.cranqj Create Your ERC20 Tokens: https://www.smartcontracts.tools/token-generator/create/ethereum/ In this course, you’ll learn: - React functional components and their reusability - React file and folder structure - We’ll use custom hooks and utility functions to manage the state of our application - You’ll learn to create, compile and deploy your own smart contracts on the blockchain! - You’ll achieve mastery using Tailwind and make the app responsive on all devices - And most importantly, you’ll learn how to use Cranq, a graphical and intuitive IDE that’ll allow us to compile and deploy our smart contracts. 💻 Join JSM on Discord - https://discord.gg/n6EdbFJ 🐦 Follow JSM on Twitter - https://twitter.com/jsmasterypro 🖼️ Follow JSM Instagram - https://instagram.com/javascriptmastery 💼 Business Inquiries: contact@jsmastery.pro 👇 Time Stamps 00:00:00 Intro 00:06:34 Cranq Setup 00:12:30 MetaMask Setup 00:15:05 Alchemy Setup 00:20:03 Cranq Part One - Factory 00:30:58 Cranq Part Two - Router 00:44:55 Cranq Part Three - Liquidity 00:54:49 Create Your ERC20 Tokens 01:10:39 Frontend Setup 1:19:54 Layout 1:41:54 Web3 Logic 2:08:41 Exchange, Inputs, and Balance 3:15:31 Deployment