Aller directement au contenu principal
Retour aux exemples d'applications

Application de rapport Bitcoin

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.

Framework/bibliothèque front-end :
Réagir
Langue :
TypeScript
Outil de compilation/serveur de développement :
Vite
Aperçu de l'application d'exemple

Introduction

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.

Pile technologique


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

Caractéristiques


  • 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.

Pour commencer

Conditions préalables

Pour utiliser cette application, vous aurez besoin de :


  • Node.js installed on your system.
  • A Quicknode account with access to the paid Blockbook API. See the Blockbook product page for pricing details.
  • Un éditeur de code ou un IDE (par exemple, VS Code)
  • TypeScript and ts-node

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

Prérequis d'installation


  1. Clonez le dépôt sur votre ordinateur local :
git clone https://github.com/quiknode-labs/qn-guide-examples.git

  1. Accédez au répertoire du projet :
cd sample-dapps/bitcoin-transaction-report-generator

  1. Installez les dépendances nécessaires :
npm installer

Configuration des variables d'environnement

Renommer .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.

Exécution de l'application

Lancez le serveur de développement :

npm exécuter en mode développement

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


Utilisation de l'application


  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.


Aperçu

Aperçu


Conclusion

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!

Contributions et commentaires
Nous serions ravis de connaître votre avis et nous vous invitons à contribuer à cette application d'exemple !
Pour signaler des problèmes ou faire part de vos commentaires, créez un ticket GitHub dans le qn-guide-exemples référentiel.
Pour contribuer, procédez comme suit :
  1. Créer une branche du dépôt
  2. Créer une branche de fonctionnalité :
    git checkout -b feature/amazing-feature
  3. Validez vos modifications :
    git commit -m "Ajout d'une fonctionnalité géniale"
  4. Publiez votre branche :
    git push origin feature/amazing-feature
  5. Créez une demande de fusion.