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 - cranq.io
Become a Web3.0 Pioneer by Building an Advanced NFT Marketplace App:
💻 JS Mastery Pro - jsmastery.pro/youtube
✅ A special UKposts discount code is automatically applied!
📙 The Web 3.0 Developer Roadmap
: resource.jsmastery.pro/web3.0...
📙 The Ultimate Solidity CheatSheet
: resource.jsmastery.pro/solidi...
📚 Materials/References:
GitHub Code (give it a star ⭐): github.com/adrianhajdin/proje...
Alchemy - www.alchemy.com/
Alchemy Faucet - goerlifaucet.com/
Contracts folder: minhaskamal.github.io/DownGit...
Starter src folder: minhaskamal.github.io/DownGit...
CRANQ Checkpoint 1: minhaskamal.github.io/DownGit...
CRANQ Checkpoint 2: minhaskamal.github.io/DownGit...
Create Your ERC20 Tokens: www.smartcontracts.tools/toke...
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 - / discord
🐦 Follow JSM on Twitter - / jsmasterypro
🖼️ Follow JSM Instagram - / 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