Aller directement au contenu principal
Retour aux exemples d'applications

Application de rapport Ethereum

The Ethereum Transaction Report app fetches and analyzes Ethereum transactions for a given address using Quicknode's Blockbook API, providing detailed reports within a specified date range.

Icône de déploiement
Déployer l'application
Icône GitHub
Consulter le dépôt
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 fetches and analyzes Ethereum transactions for a given address using Quicknode's Blockbook API, providing detailed reports within a specified date range. It identifies transaction direction (incoming or outgoing), confirmation status, and token transfers across ERC-20, ERC-721, and ERC-1155 assets. Users can filter by transaction type (normal, internal, or token) and date range, with support for time zone selection. Additionally, it offers a wallet summary with balance, nonce, and transaction counts.

For an in-depth guide on how to build this app, refer to our comprehensive guide on Quicknode

Pile technologique​


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

Caractéristiques


  • Transaction Direction: Identifies whether transactions are incoming or outgoing.
  • Confirmation Status: Determines whether transactions are confirmed.
  • Token Transfers: Includes details for ERC-20, ERC-721, and ERC-1155 token transfers.
  • Transaction Filtering: Detects normal, internal and token transactions.
  • 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 results as a CSV file.
  • Wallet Summary: Displays a summary of the wallet address, including current balance, nonce, total transactions, non-token transactions, and internal transactions.

Pour commencer

Conditions préalables​

Pour utiliser cette application, vous aurez besoin de :


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

npm install -g typescript 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/ethereum-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_ETHEREUM_ENDPOINT_URL placeholder with your Quicknode Ethereum endpoint with Blockbook access.

VITE_QUICKNODE_ENDPOINT = "YOUR_QUICKNODE_ETHEREUM_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/ with your browser to see the application.

Utilisation de l'application


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

The Ethereum Transaction Report Generator application will query the Ethereum blockchain for the wallet's transactions, filter these transactions data and calculate additional variables. Lastly, the app display results.

Aperçu

Aperçu

Conclusion

Quicknode's Blockbook API facilitates the creation of detailed Ethereum 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.
Découvrez d'autres exemples d'applications
Outil de suivi des liquidations d'Aave V3
Cette application permet de surveiller en temps réel et d'analyser en détail les événements de liquidation sur le protocole Aave V3. Reposant sur une architecture sans serveur, cette application met en avant la puissance de Quicknode Streams une diffusion fluide des données de la blockchain.
Outil de suivi des liquidations d'Aave V3
Explorateur Ethereum
Cette application utiliseendpoint Ethereum endpoint les API Quicknode pour interroger la blockchain afin de récupérer les jetons, les transactions et les NFT associés à un portefeuille donné.
Explorateur Ethereum
EVM Token Factory
Cette application vous permet de créer un jeton ERC-20 sur n'importe quelle blockchain compatible EVM. Vous pouvez facilement personnaliser le nom, le symbole et l'offre initiale du jeton.
EVM Token Factory