Gain insights into Web3 app development using Solidity and React. Learn to build smart contracts, handle payments, and create frontends with React, Next.js, and Tailwind for decentralized applications.

A Practical Introduction to Developing Web3 Apps Using Solidity and React.png

Dockerfile.tar.gz

Test

ContratTest

Challenge

GUITest

Tailwind

Challenge-copy

hello 

Test-copy

In this course, you’ll learn to build smart contracts and Web3 apps using Solidity, Hardhat, React, Next.js, and Tailwind. Web3 apps leverage blockchain and smart contracts to enable transparent interactions, making them ideal for industries like finance, supply chain, gaming, etc.

You’ll learn to initialize and run contracts, define terms and conditions within code, and pass and store values inside contracts. You’ll explore additional functionalities like requiring valid arguments, receiving and sending payments, and ensuring balance constraints. By the end of the course, you’ll finalize the run script and successfully execute smart contracts. You’ll also experience building the frontend using React and related technologies, and learn about the front-end tech stack for Web3 applications.

This course will empower you to become proficient in Web3 app development, enabling you to contribute to the growing decentralized ecosystem and take advantage of the exciting opportunities blockchain technology presents.

An Introduction to Developing Web3 Apps Using Solidity and React

Which statement enables the contract to receive payments?

Which statement enables the contract to receive payments?

How many Weis is in a single Ether?

A function that alters the smart contract state after viewing.

A function that doesn't alter the smart contract state but reads it. 

A function that doesn't alter the smart contract state and doesn’t read it.

What is the <code>view</code> function?

Which keyword should you use to define an `address` that can accept payments?

Which keyword should you use to define an <code>address</code> that can accept payments?

``` js
// Send Ether to contract
await owner.sendTransaction({
  value: ethers.utils.parseEther("1.0"),
}) 
```

``` js
// Send Ether to contract
await owner.sendTransaction({
  to: contract.address,
  value: ethers.utils.parseEther("1.0"),
}) 
```

``` js
// Send Ether to contract
await owner.sendTransaction({
  address: contract.address,
  value: ethers.utils.parseEther("1.0"),
}) 
```

Which is the correct code snippet for sending an amount to a partner?


Which is the correct code snippet for sending an amount to a partner?

**(Fill in the blank.)** The addresses should be payable to invoke the ________ method on them.

(Fill in the blank.) The addresses should be payable to invoke the ________ method on them.

**(Fill in the blank.)** If the `split ratio=[10,10]`, the transaction amount should be >= ________.

(Fill in the blank.) If the <code>split ratio=[10,10]</code>, the transaction amount should be &gt;= ________.

Hardhat initializes these accounts with a default balance of ________. 

Hardhat initializes these accounts with a default balance of ________.

Consider the following output. What is the split ratio for this transaction:
```terminal
Contract is Deployed
The balance for the person1 is: 10000000000000000000000
The balance for the person2 is: 10000000000000000000000
The balance in the contract is: 0
The balance in the contract after receiving funds is: 5000000000000000000000
The balance in the contract after withdrawal is: 0
The new balance for the person1 is:14000000000000000000000
The balance for the person2 is: 11000000000000000000000
```

Consider the following output. What is the split ratio for this transaction:
<pre><code class="language-terminal">Contract is Deployed
The balance for the person1 is: 10000000000000000000000
The balance for the person2 is: 10000000000000000000000
The balance in the contract is: 0
The balance in the contract after receiving funds is: 5000000000000000000000
The balance in the contract after withdrawal is: 0
The new balance for the person1 is:14000000000000000000000
The balance for the person2 is: 11000000000000000000000
</code></pre>

Payments

Payments

Take a short quiz to test your understanding of payments. 

Introduction to Web3.0

Introduction to Solidity and Smart Contract Development

Introduction to Web3 App Development Using Solidity and React

Final Project

Appendix

Quiz 3: Payments