> ## Documentation Index
> Fetch the complete documentation index at: https://sidiorresearchlabs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# SDKs & Tools

> Recommended tools and libraries for building on HyperPaxeer

## Overview

Recommended tools and libraries for building on HyperPaxeer. All standard Ethereum development tools work seamlessly with Paxeer.

## Frontend Libraries

<CardGroup cols={2}>
  <Card title="wagmi" icon="react" href="https://wagmi.sh">
    **React Hooks for Ethereum**

    Collection of React Hooks containing everything you need to start working with Ethereum. Simplify wallet connection, contract interaction, and more.

    ```bash theme={null}
    npm install wagmi viem@2.x @tanstack/react-query
    ```
  </Card>

  <Card title="viem" icon="v" href="https://viem.sh">
    **TypeScript Interface for Ethereum**

    Type-safe, lightweight, and composable modules to interact with Ethereum. Modern alternative to ethers and web3.js.

    ```bash theme={null}
    npm install viem
    ```
  </Card>
</CardGroup>

## Development Frameworks

<CardGroup cols={3}>
  <Card title="Hardhat" icon="hammer" href="https://hardhat.org">
    **Ethereum Development Environment**

    Compile, deploy, test, and debug your Ethereum software. The most popular development framework.

    ```bash theme={null}
    npm install --save-dev hardhat
    ```
  </Card>

  <Card title="Foundry" icon="anvil" href="https://getfoundry.sh">
    **Blazing Fast Ethereum Toolkit**

    Fast, portable, and modular toolkit for Ethereum application development written in Rust.

    ```bash theme={null}
    curl -L https://foundry.paradigm.xyz | bash
    foundryup
    ```
  </Card>

  <Card title="Remix IDE" icon="browser" href="https://remix.ethereum.org">
    **Online Solidity IDE**

    Powerful open source tool for writing, testing, and deploying smart contracts directly in your browser.

    No installation required!
  </Card>
</CardGroup>

## JavaScript Libraries

<Tabs>
  <Tab value="ethers" title="ethers.js">
    ### ethers.js v6

    Complete Ethereum library and wallet implementation in JavaScript.

    ```bash Install theme={null}
    npm install ethers@6
    ```

    ```javascript Usage theme={null}
    import { ethers } from 'ethers';

    const provider = new ethers.JsonRpcProvider(
      'https://public-rpc.paxeer.app/rpc'
    );

    const balance = await provider.getBalance('0x...');
    console.log(ethers.formatEther(balance));
    ```

    <Card title="ethers.js Documentation" icon="book" href="https://docs.ethers.org">
      Complete API reference and guides
    </Card>
  </Tab>

  <Tab value="web3" title="web3.js">
    ### web3.js v4

    Ethereum JavaScript API - Collection of libraries for interacting with Ethereum.

    ```bash Install theme={null}
    npm install web3@4
    ```

    ```javascript Usage theme={null}
    import Web3 from 'web3';

    const web3 = new Web3('https://public-rpc.paxeer.app/rpc');

    const balance = await web3.eth.getBalance('0x...');
    console.log(web3.utils.fromWei(balance, 'ether'));
    ```

    <Card title="web3.js Documentation" icon="book" href="https://web3js.org">
      Complete API reference and guides
    </Card>
  </Tab>
</Tabs>

## Smart Contract Development

<AccordionGroup>
  <Accordion title="OpenZeppelin Contracts" icon="shield-check">
    **Secure Smart Contract Library**

    Battle-tested library of reusable smart contracts for Ethereum. Industry standard for secure contract development.

    ```bash theme={null}
    npm install @openzeppelin/contracts
    ```

    ```solidity theme={null}
    import "@openzeppelin/contracts/token/ERC20/ERC20.sol";

    contract MyToken is ERC20 {
        constructor() ERC20("MyToken", "MTK") {
            _mint(msg.sender, 1000000 * 10 ** decimals());
        }
    }
    ```

    [View Documentation →](https://docs.openzeppelin.com/contracts)
  </Accordion>

  <Accordion title="Solidity Compiler" icon="file-code">
    **Smart Contract Language**

    The primary language for writing Ethereum smart contracts.

    ```bash theme={null}
    npm install -g solc
    ```

    Latest stable version: **0.8.20+**

    [Solidity Documentation →](https://docs.soliditylang.org)
  </Accordion>

  <Accordion title="Chainlink" icon="link">
    **Decentralized Oracle Network**

    Connect your smart contracts to real-world data and off-chain computation.

    ```bash theme={null}
    npm install @chainlink/contracts
    ```

    [Chainlink Documentation →](https://docs.chain.link)
  </Accordion>
</AccordionGroup>

## Testing Tools

<CardGroup cols={2}>
  <Card title="Mocha" icon="vial">
    JavaScript test framework for Hardhat

    ```bash theme={null}
    npm install --save-dev mocha chai
    ```
  </Card>

  <Card title="Foundry Forge" icon="flask">
    Fast Solidity testing framework

    ```bash theme={null}
    forge test
    ```
  </Card>

  <Card title="Hardhat Network" icon="server">
    Local Ethereum network for testing

    ```bash theme={null}
    npx hardhat node
    ```
  </Card>

  <Card title="Ganache" icon="cube">
    Personal blockchain for development

    ```bash theme={null}
    npm install -g ganache
    ```
  </Card>
</CardGroup>

## Wallet Integration

<Tabs>
  <Tab value="metamask" title="MetaMask">
    ### MetaMask

    Most popular browser extension wallet for Ethereum.

    ```javascript Detect MetaMask theme={null}
    if (typeof window.ethereum !== 'undefined') {
      console.log('MetaMask is installed!');
    }
    ```

    ```javascript Connect Wallet theme={null}
    const accounts = await window.ethereum.request({
      method: 'eth_requestAccounts'
    });
    console.log('Connected:', accounts[0]);
    ```

    ```javascript Add HyperPaxeer theme={null}
    await window.ethereum.request({
      method: 'wallet_addEthereumChain',
      params: [{
        chainId: '0xe5',
        chainName: 'HyperPaxeer',
        nativeCurrency: {
          name: 'HyperPaxeer',
          symbol: 'HPX',
          decimals: 18
        },
        rpcUrls: ['https://public-rpc.paxeer.app/rpc'],
        blockExplorerUrls: ['https://paxscan.io']
      }]
    });
    ```
  </Tab>

  <Tab value="walletconnect" title="WalletConnect">
    ### WalletConnect

    Open protocol for connecting wallets to dApps.

    ```bash theme={null}
    npm install @web3modal/wagmi wagmi viem
    ```

    ```typescript theme={null}
    import { createWeb3Modal } from '@web3modal/wagmi/react'
    import { walletConnect } from 'wagmi/connectors'

    const projectId = 'YOUR_PROJECT_ID'

    const modal = createWeb3Modal({
      wagmiConfig,
      projectId,
      chains: [paxeer]
    })
    ```

    [WalletConnect Documentation →](https://docs.walletconnect.com)
  </Tab>

  <Tab value="rainbowkit" title="RainbowKit">
    ### RainbowKit

    The best way to connect a wallet in React.

    ```bash theme={null}
    npm install @rainbow-me/rainbowkit wagmi viem
    ```

    ```typescript theme={null}
    import { RainbowKitProvider } from '@rainbow-me/rainbowkit';
    import '@rainbow-me/rainbowkit/styles.css';

    function App() {
      return (
        <WagmiProvider config={config}>
          <QueryClientProvider client={queryClient}>
            <RainbowKitProvider>
              <YourApp />
            </RainbowKitProvider>
          </QueryClientProvider>
        </WagmiProvider>
      );
    }
    ```

    [RainbowKit Documentation →](https://www.rainbowkit.com)
  </Tab>
</Tabs>

## Block Explorers

<Card title="PaxScan" icon="magnifying-glass" href="https://paxscan.io">
  Official block explorer for HyperPaxeer. View transactions, blocks, addresses, and verify contracts.

  **Features:**

  * Transaction tracking
  * Contract verification
  * Token analytics
  * Address labeling
  * API access
</Card>

## IDE & Editors

<CardGroup cols={3}>
  <Card title="VS Code" icon="code">
    **Recommended Extensions:**

    * Solidity by Juan Blanco
    * Hardhat Solidity by Nomic Foundation
    * Prettier - Code formatter
  </Card>

  <Card title="JetBrains" icon="cube">
    **IntelliJ IDEA / WebStorm**

    Professional IDE with excellent TypeScript support and Solidity plugins.
  </Card>

  <Card title="Sublime Text" icon="file-code">
    **Lightweight Editor**

    Fast, customizable editor with Solidity syntax highlighting packages.
  </Card>
</CardGroup>

## Additional Resources

<AccordionGroup>
  <Accordion title="TypeChain" icon="link">
    TypeScript bindings for Ethereum smart contracts

    ```bash theme={null}
    npm install --save-dev typechain @typechain/ethers-v6
    ```

    Generates TypeScript types from your contract ABIs for type-safe interactions.
  </Accordion>

  <Accordion title="The Graph" icon="chart-network">
    Indexing protocol for querying blockchain data

    Create GraphQL APIs for your smart contracts.

    [The Graph Documentation →](https://thegraph.com/docs)
  </Accordion>

  <Accordion title="IPFS" icon="box">
    Distributed file storage system

    Store metadata, images, and other assets in a decentralized manner.

    [IPFS Documentation →](https://docs.ipfs.tech)
  </Accordion>
</AccordionGroup>

## Developer Tools Comparison

| Tool      | Best For               | Language              | Learning Curve |
| --------- | ---------------------- | --------------------- | -------------- |
| Hardhat   | Full-stack development | JavaScript/TypeScript | Medium         |
| Foundry   | Smart contract focus   | Solidity              | Medium-High    |
| Remix     | Quick prototyping      | Browser-based         | Low            |
| wagmi     | React dApps            | TypeScript            | Low-Medium     |
| ethers.js | General purpose        | JavaScript            | Medium         |
| viem      | Modern TypeScript      | TypeScript            | Medium         |

## Community Resources

<Card title="Need Help?" icon="users">
  Join our developer community for support, discussions, and collaboration.

  <CardGroup cols={2}>
    <Card title="Discord Community" icon="discord" href="https://discord.gg/paxeer">
      Chat with developers
    </Card>

    <Card title="GitHub" icon="github" href="https://github.com/paxeer">
      View source code
    </Card>
  </CardGroup>
</Card>

## Next Steps

<CardGroup cols={2}>
  <Card title="Quick Start" icon="rocket" href="/quickstart">
    Get started with HyperPaxeer
  </Card>

  <Card title="Configuration" icon="gear" href="/configuration">
    Configure your development environment
  </Card>

  <Card title="Smart Contracts" icon="code" href="/contracts">
    Deploy your first contract
  </Card>

  <Card title="Examples" icon="brackets-curly" href="/examples">
    View integration examples
  </Card>
</CardGroup>