npm install -g truffle truffle init change version in truffle-config.js

code the smart contract under contracts/ truffle compile

code the tests under test/ same name as the smart contract, but .js truffle test

npx create-react-app frontend

front end need to import a json file from /build/

modify truffle-config by adding

contracts_build_directory: "./frontend/src/contracts",

this output the build to the frontend directory

npm install bootstrap ethers

ethers is a javascript library used to interact with ethereum blockchain, like web3

create src/etheruem.js

write the migration file

"truffle develop" (start a local development blockchain)

run "migrate --reset" command

use the rpc url and seed phrase to create accounts

click create account to add accounts

settings advanced reset account

cd frontend npm start