React Finance dApp Frontend

I am building a finance-oriented decentralized application and now need the React frontend completed so users can interact smoothly with the Web3 layer behind it. The smart-contract logic is already deployed; your task is to craft a production-ready interface that connects to popular wallets (MetaMask, WalletConnect, etc.), pulls on-chain data, and guides users through signing and confirming transactions without friction.

You’ll work in a modern React stack (hooks, functional components, TypeScript if you prefer) and can introduce supporting libraries such as ethers.js or web3.js for blockchain calls, along with state-management tools like Redux or Zustand when they add real value. Clean, responsive UI/UX is essential because the product deals with sensitive financial actions—users must feel confident at every step.

Deliverables I expect:
• A polished React codebase that compiles without warnings and follows industry best practices
• Integrated wallet connection, network detection, and graceful handling of chain or account changes
• Transaction flow components (initiation, pending state, confirmation, error fallback) wired to existing contract addresses and ABIs
• Dashboard pages that fetch, cache, and display on-chain balances and historical data in real time
• Clear documentation and a short loom or written walk-through so the team can extend or maintain the code easily

I’ll provide Figma mock-ups, contract ABIs, and endpoint details once we kick off. If you have shipped at least one live dApp, especially in the finance space, your experience will be immediately valuable.