ArcFlow, Arc L1 Blockchain üzerinde inşa edilen akıllı cüzdan ve kişisel finans uygulamasıdır.
Arc, programlanabilir para için tasarlanmış EVM-uyumlu bir Layer-1 blockchain'dir. En önemli farkı, native gas token'ının ETH değil USDC olmasıdır (6 decimal).
npm install
cp .env.example .env.local # optional: customize RPC URL
npm run dev| Parametre | Değer |
|---|---|
| Ağ | Arc Testnet |
| Chain ID | 5042002 |
| RPC | NEXT_PUBLIC_ARC_RPC_URL env ile özelleştirilebilir |
| Gezgin | ArcScan |
| Faucet | Circle Faucet |
- Next.js 14 (App Router, TypeScript)
- Tailwind CSS — premium dark fintech tema
- Viem — EVM iletişim katmanı
- Wagmi — React hooks for Web3
- TanStack React Query — state & cache yönetimi
- Lucide React — ikon kütüphanesi
- Custom Arc Testnet zincir tanımı (
src/config/arcChain.ts) - Wagmi + TanStack Query providers
- Premium dark fintech arayüz
- Cüzdan bağlantısı (injected) + adres görüntüleme
- Network / Gas Token badge'leri
- Gerçek Arc Testnet USDC bakiyesi + mock Base/Arbitrum/Solana
- Toplam Birleşik Bakiye + Network Breakdown kartı
- Akıllı routing + animasyonlu stepper (CCTP simülasyonu)
- Privacy Toggle, Viewing Key, Auditor Tools
- ERC-8004/8183 simülasyonu, doğal dil komutları, chat UI
# 1. Vercel CLI'ı kur
npm install -g vercel
# 2. Vercel'e giriş yap
vercel login
# 3. Projeyi deploy et (preview)
vercel
# 4. Production'a al
vercel --prod- vercel.com adresine git → "Add New Project"
- GitHub reposu
yasarkar/Arc-mini-app'i içe aktar - Framework Preset: Next.js (otomatik algılanır)
- Root Directory:
./(varsayılan) - Environment Variables:
NEXT_PUBLIC_ARC_RPC_URL→https://rpc.testnet.arc.network
- Deploy → her
git push'ta otomatik yeniden dağıtım
- Cüzdan Bağlantısı: Tarayıcıda MetaMask'i aç → ArcFlow'a bağlan → adresin kısaltılmış halini ve "Arc Testnet / Gas: USDC" badge'lerini doğrula
- Unified Balance: Cüzdan bağlıyken toplam bakiyenin göründüğünü ve Network Breakdown kartının açıldığını kontrol et
- AI Agent: Arc Assistant paneline "Her hafta Solana'daki USDC'lerimin %10'unu Arc'a köprüle" yaz → ERC-8183 onay kartının geldiğini ve "Görevi Zincir Üstünde Onayla" butonunun çalıştığını test et
- WalletModal component with left panel (wallet list) + right panel (educational)
- EVM wallets: MetaMask, OKX, Coinbase, WalletConnect, Rainbow (via Wagmi connectors)
- Non-EVM wallets: Phantom, Backpack, Keplr (simulated connection)
- "Yüklendi" / "Popüler" sections
- Providers: injected(), coinbaseWallet(), walletConnect() configured