AI Development Overview

"I want to build a crypto portfolio tracker using the Octav API.

Requirements:
- Support multiple wallets
- Show balances across Ethereum, Base, and Arbitrum
- Display DeFi positions (lending, liquidity pools)
- Show transaction history with search
- Calculate total net worth

Tech stack: Next.js, TypeScript, TailwindCSS

Please help me:
1. Design the architecture
2. Set up the project structure
3. Implement the core features"

// AI generates this based on Octav API docs
import { useState, useEffect } from 'react';

interface Portfolio {
  address: string;
  networth: string;
  chains: Record<string, Chain>;
  assetByProtocols: Record<string, Protocol>;
}

export function usePortfolio(addresses: string[]) {
  const [portfolio, setPortfolio] = useState<Portfolio[]>([]);
  const [loading, setLoading] = useState(true);
  const [error, setError] = useState<Error | null>(null);

  useEffect(() => {
    async function fetchPortfolio() {
      try {
        const response = await fetch(
          `https://api.octav.fi/v1/portfolio?addresses=${addresses.join(',')}`,
          {
            headers: {
              'Authorization': `Bearer ${process.env.OCTAV_API_KEY}`
            }
          }
        );

        if (!response.ok) throw new Error('Failed to fetch portfolio');

        const data = await response.json();
        setPortfolio(data);
      } catch (err) {
        setError(err as Error);
      } finally {
        setLoading(false);
      }
    }

    fetchPortfolio();
  }, [addresses]);

  return { portfolio, loading, error };
}

// Then ask AI to add features:
"Add error handling with retry logic"
"Add loading states and skeleton UI"
"Add filtering by chain"
"Add transaction history integration"

// AI generates incremental improvements based on context