Revamp Web3 Casino Interface

Заказчик: AI | Опубликовано: 11.11.2025
Бюджет: 50 $

The current React-based Web3 Casino needs a focused refresh that brings the game interfaces up to the standard players expect while seamlessly tying them into our smart contract logic and wallet flow. First, the UI/UX overhaul is limited to the in-game screens only—lobby, betting panels, results pop-ups, and any mini-animations that play between rounds. I want smoother graphics, lightweight but eye-catching animations, and sharper interaction cues so users instantly understand what they can click, drag, or hover over. Transitions must stay under 150 ms to keep gameplay snappy. At the same time, the front-end must talk cleanly to our existing Solidity contract. Wallet connection (MetaMask is primary, WalletConnect secondary) should fire automatically on first play and gracefully handle network or signature errors. All contract reads/writes go through ethers.js; no direct web3 legacy calls please. Key deliverables • Redesigned React components for every game interface, with updated graphics, micro-animations, and refined control layouts • Clean TypeScript / JSX code that drops into the current codebase without breaking existing routes or Redux state • Smart-contract integration hooks (deposit, placeBet, claimWin) wired and tested on Goerli before mainnet switch • Wallet connection module that retries, surfaces clear messages, and times out safely • Brief install & build guide plus a one-page style guide so future screens remain consistent Acceptance criteria 1. PageSpeed/Lighthouse performance score ≥ 90 on the updated game route 2. All contract calls complete without thrown errors in at least 50 consecutive test rounds on Goerli 3. Visual design approved against the provided Figma mock-ups If this matches your stack and you can start right away, the repository is ready for your fork and first pull request.