what is NFt and The different with Tokens

problem that is solve NFT

RealWorld NFT Example

Development Tools

Start to Create Animals Project with React and Truffle

Create Blockchain Starter Template from scratchOptional

create animals nft contract and test it

Truffle Console Use

check the ERC721 interfaces

start with Erc721 meta Data

inhert from neta data contract and test it

Start with Mint Function

Mint Function Part 2

What is Indexed Word

what is IPFS and Create main Mint function

add require to mint main Function

Truffle Test For main mint function

Create BlanceOf and OwerOf functions

Test Of balances and owners

Create Total Supply Function

save total supply functions

Truffle Test for Total Supply

Create find token by index function

create the functions for find owners and number of tokens

Test the find tokens and count

How can read openzipline Approve Function

create the ERC721 interface

add the interface for meta Data and Enumerable

what is EIP 165 Standard Interface Detection

more about EIP165

mplementation of erc165

add the erc165 to all contracts

What Is the Uint Test

first unit test to deploy contract

Describe and it int test functions

before Each uint test function

start mint unit test

unit test for event logs

add extra nfts with unit test

Fetch all NFts and Ckeck Uint Test

start with react and install web3 and detect provider-

use provider with use state and Hooks

load provider and get account start

show address and connect with ganache

Reload page after account and network Changed

fetch the contract abi and address

Do the Network id Dynamic

check if you are at the correct network

get total supply and all animals NFTS

show the nfs from Array

create static mint function

add selected image and start saving image to ipfs

upload the image to ipfs and get the hash

ipfs problem demo شرح مشكله(NOTE)

Save the url hash to Blockchain Contract

show all animals from blockchain

nav bar react front end

slogan section react front end

divider uploder mint button section React front end

newest images section react front End

total supply and all nfts react front end section

Show data From blockchain To Ui Part 1

Show data From blockchain To Ui Part 2

Deploy the contract to reposten Test Net

Deploy the project to Be Live At Server