Build and Deploy a Web 3.0 Cryptocurrency Exchange Decentralized Application
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.jsmasterypro.com/web3.0-roadmap
π The Ultimate Solidity CheatSheet
: https://resource.jsmasterypro.com/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