React Web3 Presale Integration

Job ID: 40072777

Budget: $250 – $750 USD

I already have a React + TypeScript front-end with wallet connection in place; the presale smart contract is live on testnet and the ABI is ready for you. What’s missing is the wiring between the UI and the contract.

Your mission is to hook the existing screens into the presale so users can:

• buy with either ETH or USDT (including the USDT approve → buy sequence).
• Stage details should be read from public views available in the contract (for example getActiveWindow and other public getters). If full stage arrays are not publicly exposed, do not rely on them.
• view personal stats: claimable amount, total purchased, and last transaction status (purchase history by events is optional).
• claim, or claim-and-stake, their tokens in one click
• receive clear feedback for every Tx: pending, success, reverted, or user-rejected

I’m happy for you to choose between ethers.js and wagmi; just stay in TypeScript and keep the code clean and modular.