Hostinger Staging Dashboard & WalletConnect (Reown AppKit) Integration

Upwork Task Specification: Hostinger Staging Dashboard & WalletConnect (Reown AppKit) Integration Job Title Senior Web3 / Full-Stack Developer – Hostinger Dashboard Deployment & Ballet Hardware Signing Integration Job Overview We are looking for an experienced Web3 / Full-Stack Developer to build, verify, and deploy a secure Web3 staging dashboard on Hostinger (cPanel / VPS / Node.js). The dashboard serves as a transparent frontend interface for authorized callers to interact with custom EVM smart contracts deployed across Ethereum Mainnet and Arbitrum One. The primary objective is to enable safe transaction authorization via WalletConnect / Reown AppKit connecting to a Ballet Hardware Cold Storage wallet without exposing private keys. Core Technical Requirements & Functional Specifications 1. Hostinger Staging Deployment & Setup Deploy and configure the frontend application (Next.js / React / Vite) on Hostinger (Cloud / VPS or hPanel/cPanel Node.js application runner). Set up custom SSL/HTTPS, CORS rules, and secure environment variable injection for RPC endpoints (Alchemy / Infura). Ensure strict production build optimization and domain routing. 2. Wallet Connection & Hardware Cold Storage Integration Reown AppKit (WalletConnect v2): Integrate the latest Reown AppKit provider supporting custom RPC chains (Ethereum Mainnet and Arbitrum One). Ballet Hardware Compatibility: Ensure connection profiles natively support external hardware wallet signing flows (Ballet Cold Storage) with zero private key exposure. 3. Calldata Transparency & Payload Decoder Implement a transparent calldata generator and visually decoded preview for smart contract execution: Contract function: borrowUSDC(lockId, tokenIds, amount) Output fully human-readable parameters (Vault Address, Token IDs #636 & #640, Amount, Destination Wallet) on the dashboard screen prior to triggering the signature request. Ensure parameters displayed on-screen strictly match the hardware device verification UI. 4. Parameter Pre-Population & Safety Locks Pre-load active vault parameters into dashboard state: Custody Vault: 0x7B9fe9a6965F6b4878821eE2bBeE84C641639A08 (EWBWhaleVaultV2) Target Assets: Property Tokens #636 and #640 Destination Address Guard: Enforce a hardcoded, non-overridable recipient address lock strictly set to 0xc82A59594560A3010F336ebe2e9CC4794DCD46cf (Ballet Hardware Cold Storage). Disable user overrides in UI input fields to prevent routing misconfigurations. 5. Cross-Chain Verification & Simulation Query and display live on-chain state parameters from Arbitrum One (ArbitrumCollateralCCIPReceiver): Check and verify that isBorrowAllowed == true returns for tokens #636 and #640. Perform local mainnet fork simulations (Hardhat / Foundry Anvil) to verify calldata accuracy, gas estimation, and execution safety before live broadcasting. Required Developer Skills Frontend / Stack: React, Next.js, TypeScript, TailwindCSS. Web3 Ecosystem: Ethers.js v6 / Viem / Wagmi, Reown AppKit (WalletConnect v2). Infrastructure: Hostinger (hPanel / cPanel / Linux VPS), Nginx, Node.js deployment. Smart Contracts & Testing: EVM ABI encoding/decoding, Hardhat / Anvil fork testing, Chainlink CCIP / Arbitrum cross-chain concepts. Deliverables & Acceptance Criteria 1. Hostinger Live Staging Dashboard: Operational web UI hosted on Hostinger under SSL. 2. WalletConnect / Ballet Integration: Verified connection flow requesting signatures from Ballet hardware wallet. 3. Decoded Calldata Preview Component: Interactive payload validator showing human-readable parameters for borrowUSDC(...). 4. Hardcoded Destination Guard: Confirmed UI lock preventing modifications to the destination wallet address. 5. Simulation Log: Successful execution report on a local mainnet/Arbitrum fork confirming zero calldata error or nonce mismatch