Imp - When you check out the website, reload the page once, sometimes there's a bug that you can't see the gifs below in the latest transactions section.
TechStack
Metamask
Vite React
Giphy API
Hardhat
Ethers
Alchemy
Ropsten Test Network
Netlify
Dotenv
Tailwind CSS
Steps to ensure perfect Working:
Check out the deployed website in Google Chrome preferably, with the metamash extension installed.
Install and set up MetaMask chrome extension, if you haven't already.
Make sure you create an Ropsten test account, and add some etherum to it, using some faucet.
Click on Connect Wallet and connect the wallet with the ethereum.
Create another account to receive the etherum. (Make sure its Ropsten).
Enter the receiver's wallet address and keywords and messages.
Click on Send Now and wait for 30-45 seconds for it to be reflected in the block chain.
Check out the console as well, for additional messages. (If you are a developer).
After you see success or when the loading animation disappears, reload the page once if you can't see the new GIF added in the latest transaction section.