what will do?

blockchain storage client and init the project

Install packages

Design Ui

create the cloud smart Contract

Create on submit to IPFS Client Function

ipfs problem demo شرح مشكله 54.1

upload the image to ipfs and get the hash

show the file from IPFS

start connect web3 and the provider

create connect provider and web3 function

Create Load Contract Function

get network id dynamic and reload after chain changed

show alert if you ara at wrong Network

get Account function

check if contract is defined

Create set and Get data function from Blockchain

get Data url From Blockchain and show images

replace full url path to hash only in Blokchain

Nav Bar Front End Design with React

Info section front and Uploder with react

hashs section front with React

Add image preview front End

Deploy the app to Ropsten NetWork

Deploy Decentralized App to be Live