Pull repo into visual studio code editor
Have the live server extenstion by ritway dey installed into visual studio code editor
Bottom right corner in visual studio code should be a button that says "Go Live". Click that button
Browser will load the project. Click the frontend folder
Click LandingPage.html
On the LandingPage.html there will be two boxes. On the left is the NFTs in your wallet. On the right you need to put in an address that you want to trade with. Once chosen their NFTs will load
Once you have chosen what NFTs will be traded. Click create trade offer button. This will pull up a transaction where you will need to confirm to place a trade offer on the blockchain
Navigate to the offers page by clicking the "Offers" button in the nav area of the website
Once the transaction of creating the offer has been confirmed you will find the offer here on this page. It will be the offer on the far most right. As well any address that makes an offer for your nfts will also show up here
You can click "View Offer". If this is an offer you made it say "Waiting for other trader to decide...". For the address that recieve the trade they will be presented with the trade information (what nfts are being traded). They will need to accept or confirm the trade.
If they accept the trade this page will change where you need to approve the trade contract for your nfts. As well as a button to execute the trade
The exectue button will only work once both addresses have clicked the approved button and approved all nfts.
Ta-da you have now traded nfts on chain