Skip to content

REOWN_SETUP.md

Latest commit

 

History

History
98 lines (76 loc) · 3.08 KB

REOWN_SETUP.md

File metadata and controls

98 lines (76 loc) · 3.08 KB

Reown AppKit Integration Guide for TradeSeer

🚀 What is Reown AppKit?

Reown AppKit is a comprehensive Web3 solution that includes:

  • WalletConnect v2 integration
  • Multi-chain support (Ethereum, Base, Arbitrum, Polygon, Solana, Bitcoin)
  • Built-in wallet connectors (MetaMask, Trust Wallet, Rainbow, etc.)
  • Network switching capabilities
  • Smart account support
  • Analytics and monitoring

📦 Installation

npm install @reown/appkit @reown/appkit-adapter-wagmi wagmi viem

🔑 Setup Steps

1. Create Reown Project

  1. Go to https://dashboard.reown.com
  2. Create a new project
  3. Get your Project ID
  4. Configure your domain (for production)

2. Update Configuration

Edit lib/reown-config.ts:

const projectId = 'YOUR_ACTUAL_PROJECT_ID'; // Replace with your real Project ID

3. Update Metadata

export const metadata = {
  name: 'TradeSeer',
  description: 'AI-Powered Trading Bot with Web3 Integration',
  url: 'https://yourdomain.com', // Update for production
  icons: ['https://yourdomain.com/icon.png']
};

🧪 Testing

Test the HTML Version

  1. Open test-reown.html in your browser
  2. Click the buttons to test functionality
  3. Check console for any errors

Test the React Component

  1. Go to http://localhost:3000
  2. Click "Connect Wallets" tab
  3. Try "Connect Wallet" button
  4. Try "Switch Network" button

🔧 Current Status

  • ✅ Configuration file created
  • ✅ React component updated
  • ✅ HTML test file created
  • 🔄 Dependencies need to be installed
  • 🔄 Project ID needs to be configured
  • 🔄 Real integration needs testing

🚨 Important Notes

  1. Project ID Required: You must create a project at dashboard.reown.com
  2. Domain Configuration: For production, your domain must match the configured URL
  3. WalletConnect v2: This uses the latest WalletConnect protocol
  4. Multi-chain: Supports Ethereum, Base, Arbitrum, Polygon, and more

🔍 Troubleshooting

Common Issues:

  1. "Cannot find module": Run npm install to install dependencies
  2. "Project ID invalid": Create a project at Reown Dashboard
  3. "Modal not opening": Check browser console for errors
  4. "Network switching not working": Verify network configuration

Debug Steps:

  1. Check browser console for errors
  2. Verify Project ID is correct
  3. Ensure dependencies are installed
  4. Test with the HTML file first

📚 Resources

🎯 Next Steps

  1. Install dependencies: npm install @reown/appkit @reown/appkit-adapter-wagmi wagmi viem
  2. Get Project ID: Create project at dashboard.reown.com
  3. Update config: Replace YOUR_PROJECT_ID with real ID
  4. Test integration: Use the HTML test file first
  5. Deploy: Update metadata for production domain