Avalon Rift

Avalon Rift is a modern Web3 dashboard for Avalanche Fuji smart contracts:

• CashflowVault
• CashflowSchedule
• CashflowShareNFT
• MockUSDC

Stack

• Next.js 15 (App Router)
• React + TypeScript
• TailwindCSS + shadcn-style UI primitives
• wagmi + viem
• Recharts

Contract Configuration (Fuji)

• Chain ID: 43113
• RPC: https://api.avax-test.network/ext/bc/C/rpc
• MockUSDC: 0x76491A6B6AAEB808fA0CE1A5041F4998244DE6F2
• CashflowVault: 0xE8665936630608a077fF78204F45167A7F6b52A3
• CashflowSchedule: 0x7f09A950FD3B011F5d9ABd15d1e775481f7F313C
• CashflowShareNFT: 0x7C693ae7016bd786612430d654D82DC80114d041

Setup

1. Install dependencies:

   npm install

2. Create environment file:

   cp .env.example .env.local

3. Add your WalletConnect Project ID in .env.local.
4. Run dev server:

   npm run dev

5. Open http://localhost:3000/cashflow

Included Features

• Wallet connection/disconnection (MetaMask + WalletConnect)
• Network switch prompt to Fuji
• Real-time contract reads (assets, payment amount, balance, cadence)
• Actions: approve, deposit, withdraw, create schedule, trigger payment
• Analytics cards with charts
• NFT receipt section from CashflowShareNFT
• Glassmorphism dark UI with loading skeletons and animated transitions