Contact person: Business Client

Phone:Show

Email:Show

Location: Oakville, Canada

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"Project Title: React Mining App: Implement LIVE Crypto Withdrawal via MetaMask Integration

We need a skilled React/Web3 developer to bridge the gap between our high-fidelity mining simulator and a fully functional withdrawal feature that processes a real transaction using a connected wallet.

The core mining logic is simulated, but the final, critical step—the payout—must interact with a live Web3 wallet (MetaMask) to initiate a real token transfer.

The Challenge & Goal

The provided code ([login to view URL]) currently uses a simulated handleWithdraw function that only updates the local state balance.

Your primary task is to overhaul the handleWithdraw function to initiate a real-world transaction via the connected wallet's provider (e.g., [login to view URL]).

Key Tasks

Wallet Interaction Upgrade: Modify the handleWithdraw function to utilize the Web3 provider (like MetaMask) retrieved in the existing connectWallet function.

Real Transaction Simulation: Instead of a setTimeout, you must implement the logic to:

Construct a Transfer Transaction: Create a transaction object (to address, value/amount of WBTC/WETH, etc.).

Call [login to view URL]: Use the eth_sendTransaction method to prompt the user's MetaMask/Web3 wallet to sign and broadcast the transfer of the simulated balance amount to their wallet address.

Advanced State Management: Update isWithdrawing and withdrawalStatus based on real transaction life cycles:

"Awaiting Wallet Confirmation" (User needs to approve in MetaMask)

"Transaction Broadcasted/Pending"

"Transaction Confirmed"

"Transaction Failed (Revert/User Reject)"

Error Handling: Implement robust try...catch blocks to capture and log errors returned by the wallet/provider.

Balance Update: Only deduct the tokens from the local balance AFTER the transaction is confirmed on-chain (or simulated confirmed).

Tech Stack Requirements

Frontend: React, [login to view URL], ShadCN/UI, Framer Motion

Web3 Expertise (MUST HAVE): Deep familiarity with [login to view URL] or [login to view URL] (or direct [login to view URL] API calls) and handling wallet permissions (eth_requestAccounts) and transactions (eth_sendTransaction).

Target Chain: The transactions should be built for the asset (WBTC/WETH) on a testnet (e.g., Sepolia/Goerli), or if using a mainnet fork, the code must be secure.

Compensation & Urgency

This is an urgent task requiring a genuine Web3 integration expert.

Budget: $XXX - $XXXX USD (Higher range reflects the requirement for secure, live crypto integration).

Ready to connect our app to the blockchain? Prove your Web3 skills and bid now!" (client-provided description)