跳至主要內容
返回範例應用程式

Bitcoin Transaction Report Application

The Bitcoin Transaction Report app uses Quicknode's Blockbook API to query the Bitcoin blockchain, filter transaction data, calculate key metrics, and display the results.

前端框架/函式庫:
React
語言:
TypeScript
建置工具/開發伺服器:
Vite
範例應用程式預覽

引言

This application is designed to fetch and analyze Bitcoin transactions associated with a specific address using Quicknode's Blockbook API. It provides users with detailed reports within a specified date range, offering insights into transaction history, balances after each transaction, and the USD value of Bitcoin movements.

For an in-depth walkthrough on how to fetch data and develop further functionalities, refer to our comprehensive guide or our script files.

技術堆疊


  • Frontend Framework/Library: React
  • Language: TypeScript
  • Build Tool/Development Server: Vite

特色


  • Balance Calculation: Calculates the BTC balance before and after each transaction.
  • Transaction Direction: Identifies whether transactions are incoming or outgoing.
  • Confirmation Status: Determines whether transactions are confirmed.
  • USD Conversion: Computes the USD value of each transaction at the time it occurred.
  • Transaction Filtering: Excludes internal wallet transactions that are not relevant to the address in question.
  • Date Range Filtering: Generates reports for transactions within a specified date range.
  • Time Zone Selection: Performs date filtering according to the selected timezone.
  • CSV Support: Ability to export or copy result as CSV file.

開始使用

先決條件

To run this app, you'll need:


Run the commands below to install TypeScript and ts-node globally to have TypeScript available across all projects.

npm install -g typescript
npm install -g ts-node

Installation Dependencies


  1. Clone the repository to your local machine:
git clone https://github.com/quiknode-labs/qn-guide-examples.git

  1. Navigate to the project directory:
cd sample-dapps/bitcoin-transaction-report-generator

  1. Install the necessary dependencies:
npm 安裝

Setting Environment Variables

重新命名 .env.example.env and replace the YOUR_QUICKNODE_BITCOIN_ENDPOINT_URL placeholder with your Quicknode Bitcoin endpoint with Blockbook access.

VITE_QUICKNODE_ENDPOINT = "YOUR_QUICKNODE_BITCOIN_ENDPOINT_URL"

Please note that while we utilize dotenv for environment variable management, sensitive information like endpoints can still be visible on the frontend. This configuration is not recommended for production environments as-is.

Running the Application

Run the development server:

npm 執行 dev

Open http://localhost:5173/ in your browser to see the application.


Using the App


  1. Input a Bitcoin wallet address.
  2. (Optional) Select the date range and time zone.
  3. Press Generate.
  4. (Optional) Export or copy results as CSV.

The Bitcoin Transaction Report Generator queries the Bitcoin blockchain for a wallet’s transactions, filters the data, calculates key metrics, and displays the results.


預覽

預覽


結論

Quicknode's Blockbook API facilitates the creation of detailed Bitcoin transaction reports for developers and businesses alike. While this application covers the fundamentals, there's a vast scope for customization and extended functionalities. Whether for audit purposes, regulatory compliance, or market analysis, Blockbook streamlines the process of extracting blockchain data.

To discover more about how Quicknode assists auditing firms and individuals in extracting this type of data from blockchains, please contact us; we're eager to engage with you!

貢獻與回饋
我們非常樂意聽取您的意見,並歡迎您為這個範例應用程式提供任何貢獻!
若要回報問題或提供意見回饋,請在 qn-guide-examples 儲存庫。
若要貢獻,請依照以下步驟操作:
  1. 分叉此儲存庫
  2. 建立功能分支:
    git checkout -b feature/amazing-feature
  3. 將您的變更提交:
    git commit -m "新增超棒的功能"
  4. 推送您的分支:
    git push origin feature/amazing-feature
  5. 開啟一個 Pull Request。