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:
"I am looking for an experienced, full-stack Web3 developer to take a single React component, fix its broken withdrawal functionality, and then build and deploy a multi-page website using this single component.

The core of the project is a React component called FreeFlowAIBoostEducational. This component is a dashboard for a (simulated) crypto-mining platform. The component itself is the entire page.

The Goal:

Fix the Code: The component's token withdrawal function (handleWithdraw) is broken. You must fix it to work with the existing (and insecure) confirmation modal.

Duplicate the Page: Once fixed, you will use this single, fixed component to create multiple pages within the application (e.g., /premium-mining, /predictive-miner, /marketing-assistant, etc.). All pages will look and function identically because they all use the same component; only the URL/route name will be different.

Deploy the Site: You will deploy the entire multi-page application to a live, public URL.

The Current Problem (Task 1):

The handleWithdraw function is already partially implemented but is not working correctly. It successfully connects to the user's MetaMask wallet, gets the signer, and instantiates an [login to view URL] ERC-20 token contract. However, the final step—executing the [login to view URL]() transaction—is either not implemented correctly or failing.

Key Requirements & Logic Flow:

A critical part of this project is understanding the existing confirmation flow. The withdrawal process is tied to a separate function (handleConfirm) which:

Presents a Bootstrap modal to the user.

Prompts the user to enter their "private key or seed phrase."

Sends this key to a backend server ([login to view URL]) for validation.

Sets a confirmed flag in the React state if successful.

Your task is to make the handleWithdraw function work within this existing system. The [login to view URL]() call must only be executed after the confirmed state variable is set to true.

Your Responsibilities:

Analyze and fix the bug in the handleWithdraw and handleConfirm functions within the [login to view URL] component.

Correctly implement the [login to view URL] [login to view URL]() logic so it successfully initiates a transaction.

Ensure the entire user flow is functional on the component.

Set up React Router (or a similar routing solution) to create multiple pages. I will provide the list of page names. Each page/route (e.g., /page-one, /page-two) must render the exact same fixed FreeFlowAIBoostEducational component.

Deploy the final, working multi-page application to a live, publicly accessible URL (e.g., on Vercel, Netlify, or another agreed-upon host).

Hand over all project assets and accounts upon completion.

Required Skills:

React: Strong experience with React Hooks (useState, useEffect).

React Router: Expertise in setting up client-side routing.

[login to view URL]: Expertise in connecting to wallets, instantiating contracts, and sending ERC-20 token transactions.

Web3 Integration: Deep understanding of MetaMask, signers, and providers.

Frontend Deployment: Demonstrable experience deploying React applications to services like Vercel, Netlify, or AWS.

JavaScript (ES6+): Asynchronous programming (async/await).

Final Deliverables:

A live, publicly accessible URL of the fully functional, deployed application.

The deployed application must have all the requested pages/routes working (e.g., /premium-mining, /predictive-miner, etc.), all showing the fixed component.

The complete, final source code for the project.

Full administrative access and ownership of the hosting/deployment service account (e.g., transfer of the Vercel/Netlify project).

To Apply:

Please send a brief explanation of how you would approach (1) fixing the handleWithdraw function and (2) setting up the multi-page routes using the single component. Include examples of previous projects where you've worked with [login to view URL] and deployed live applications." (client-provided description)