Master Web3 development by building Uniswap – a decentralized cryptocurrency exchange React application with metamask linking, live smart contract data retrieval and, most importantly, the ability to create your own ERC20 tokens, trade 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 will be automatically applied!

The Web 3.0 Roadmap for Developers: https://resource.jsmastery.pro/web3.0-roadmap
The Ultimate Solidity Cheatsheet: https://resource.jsmastery.pro/solidity-cheatsheet

Materials/references:
GitHub code (star it): 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 will learn:
– Comment functional components and their reusability
– Respond to file and folder structure
– We will use custom hooks and utilities to manage the state of our application
– You will learn to create, compile and implement your own smart contracts on the blockchain!
– You will achieve mastery with Tailwind and make the app responsive on all devices
– And most importantly, you will learn to use Cranq, a graphical and intuitive IDE that will allow us to compose and implement 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 questions: [email protected]

Timestamps
00:00:00 Introduction
00:06:34 Cranq installation
00:12:30 MetaMask installation
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 installation
1:19:54 Layout
1:41:54 Web3 Logic
2:08:41 Exchange, input and balance
3:15:31 Implementation

Please take the opportunity to connect and share this video with your friends and family if you find it helpful.