User Application

Обзор

Пользовательское приложение Saga обеспечивает доступ к DeFi инвестициям через интуитивный Web3 интерфейс.

Основной функционал

Registration & Onboarding

• MetaMask wallet connection
• Email + Wallet binding
• Web3 signature authentication
• Onboarding tutorial

Dashboard

• Portfolio overview
• Balance tracking (USDC)
• Investment performance
• Transaction history

Staking

• Protocol selection (5%, 10%, 20% APY)
• Stake USDC → receive stTokens
• Unstake with compound interest
• Real-time APY calculation

Deposits & Withdrawals

• USDC deposits via blockchain
• Withdrawal requests
• Transaction monitoring
• Status tracking

Ключевая структура

frontend/user-app/
├── src/
│   ├── app/                    # Next.js App Router
│   │   ├── page.tsx           # Landing page
│   │   ├── dashboard/         # User dashboard
│   │   └── staking/           # Staking interface
│   ├── components/
│   │   ├── web3/              # Web3 integration
│   │   ├── forms/             # User forms
│   │   └── common/            # Shared components
│   └── lib/
│       ├── api/               # API client
│       └── hooks/             # React hooks
└── public/                    # Static assets

Web3 Integration

• Wagmi hooks: useAccount, useBalance, useWriteContract
• MetaMask: Primary wallet
• Network: Saga Testnet (1337)
• Smart Contracts: TestUSDC, StakingProtocols

Связанная документация

• User Flows - см. docs/business/user-flows/ для документации различных пользовательских процессов
• Frontend Architecture
• API Endpoints

---

---

---

📋 Метаданные

Версия: 2.4.82

Обновлено: 2025-10-21

Статус: Published

---