> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cdp.coinbase.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Wallet History

> A wallet history tool, ready to be deployed to Vercel.

export const LearnButtons = ({primary, secondaries}) => {
  return <div className="flex flex-row gap-2 not-prose">
      {primary && <a href={primary.href} className="flex items-center justify-center gap-2 bg-primary-dark dark:bg-primary-light dark:text-gray-900 text-white rounded-full px-4 py-1 hover:opacity-[0.9]">
          <Icon icon={primary.icon} color="white" iconType="solid" />
          <span className="font-semibold">{primary.title}</span>
        </a>}
      {secondaries && secondaries.map(secondary => <a href={secondary.href} className="flex items-center justify-center gap-2 bg-gray-100 hover:bg-gray-200 dark:bg-white/5 dark:hover:bg-white/10 text-gray-800 dark:text-white rounded-full px-4 py-1 hover:opacity-[0.9]">
          <Icon icon={secondary.icon} color="currentColor" iconType="solid" />
          <span className="font-semibold">{secondary.title}</span>
        </a>)}
    </div>;
};

export const Tags = ({tags, className}) => {
  if (!tags || !Array.isArray(tags)) {
    return null;
  }
  return <div className={`mt-5 mb-5 flex flex-row flex-wrap gap-2 ${className}`}>
      {tags.map((tag, index) => <span key={index} className="text-sm text-[#733E00] dark:text-yellow-500 bg-[#FFFCF1] dark:bg-yellow-500/10 font-semibold px-2 py-1 rounded-lg">{tag}</span>)}
    </div>;
};

<LearnButtons
  secondaries={[
  { title: 'GitHub - Backend', href: 'https://github.com/coinbase/wallet_history_demo_backend', icon: "github" },
  { title: 'GitHub - Frontend', href: 'https://github.com/coinbase/wallet_history_demo_frontend', icon: "github" }
]}
/>

<Tags tags={['Address History', 'Onchain Data']} />

<Frame>
  <img src="https://mintcdn.com/coinbase-prod/MLnM5Xv7gGjCAepB/get-started/demo-apps/images/wallet-history.png?fit=max&auto=format&n=MLnM5Xv7gGjCAepB&q=85&s=bc10d89b9ae76be14e27d99d84947a4a" width="1044" height="364" data-path="get-started/demo-apps/images/wallet-history.png" />
</Frame>

## CDP Wallet History

The CDP Wallet history is a web application that showcases the capabilities of the Coinbase Developer Platform (CDP) SDK, specifically the [wallet history](/data/address-history/overview).

This project serves as a demonstration of how developers can leverage CDP to build robust, user-friendly blockchain applications.

If you're looking for wallet history downloader, you can check this [Python script](/get-started/demo-apps/app-examples/transaction-history-downloader).

To learn more about CDP Data APIs, check out the [developer docs](/data/get-started/overview).