🦙 BitLlama React SDK

██████╗ ██╗████████╗██╗     ██╗      █████╗ ███╗   ███╗ █████╗ 
██╔══██╗██║╚══██╔══╝██║     ██║     ██╔══██╗████╗ ████║██╔══██╗
██████╔╝██║   ██║   ██║     ██║     ███████║██╔████╔██║███████║
██╔══██╗██║   ██║   ██║     ██║     ██╔══██║██║╚██╔╝██║██╔══██║
██████╔╝██║   ██║   ███████╗███████╗██║  ██║██║ ╚═╝ ██║██║  ██║
╚═════╝ ╚═╝   ╚═╝   ╚══════╝╚══════╝╚═╝  ╚═╝╚═╝     ╚═╝╚═╝  ╚═╝
              Distributed LLM Mining Network

React SDK for BitLlama Protocol

🚀 Quick Start

npm install bitllama-react-sdk
# or
yarn add bitllama-react-sdk

💡 Usage

import { BitLlamaProvider, useBitLlama, useMining } from 'bitllama-react-sdk';

function App() {
  return (
    <BitLlamaProvider 
      config={{
        network: 'base-mainnet',
        coordinatorUrl: process.env.NEXT_PUBLIC_COORDINATOR_URL
      }}
    >
      <YourApp />
    </BitLlamaProvider>
  );
}

function YourApp() {
  const { account, connect, balance } = useBitLlama();
  const { startMining, stopMining, miningStatus, earnings } = useMining();
  
  return (
    <div>
      {!account ? (
        <button onClick={connect}>Connect Wallet</button>
      ) : (
        <>
          <p>Balance: {balance} BLMA</p>
          <p>Mining Status: {miningStatus}</p>
          <p>Earnings: {earnings} BLMA</p>
          
          <button onClick={miningStatus === 'idle' ? startMining : stopMining}>
            {miningStatus === 'idle' ? 'Start Mining' : 'Stop Mining'}
          </button>
        </>
      )}
    </div>
  );
}

🔧 Available Hooks

useBitLlama()

Main hook for wallet connection and account management.

useMining()

Hook for mining operations and status tracking.

useInference()

Hook for requesting AI inference.

useRewards()

Hook for managing and claiming rewards.

🔗 Links

• 📦 npm Package: bitllama-react-sdk
• 🐙 GitHub: samthedataman/bitllama
• 📚 Documentation: docs.bitllama.ai
• 🦙 Website: bitllama.ai

📄 License

MIT © BitLlama Protocol