본문으로 건너뛰기
샘플 앱으로 돌아가기

Ethereum Transaction Report Application

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

Deploy Icon
Deploy App
GitHub 아이콘
리포지토리 보기
프론트엔드 프레임워크/라이브러리:
React
언어:
TypeScript
빌드 도구/개발 서버:
Vite
샘플 앱 미리 보기

Introduction

This application fetches and analyzes Ethereum transactions for a given address using Quicknode's EVM Blockbook add-on, 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

Tech Stack​


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

주요 기능


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

시작하기

필수 조건​

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 ts-node

Installation Dependencies​


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

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

  1. Install the necessary dependencies:
npm 설치

Setting Environment Variables​

Rename .env.example ~에 .env and replace the YOUR_QUICKNODE_ETHEREUM_ENDPOINT_URL placeholder with your Quicknode Ethereum Node Endpoint. Make sure that the Blockbook RPC add-on is enabled.

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.

Running the Application​

Run the development server:

npm run dev

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

Using the App


  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.

미리 보기

미리 보기

결론

Quicknode's EVM Blockbook add-on 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, the Blockbook add-on 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!


기여 및 피드백
여러분의 의견을 듣고 싶으며, 이 샘플 앱에 대한 모든 기여를 환영합니다!
문제를 신고하거나 피드백을 공유하려면, 다음에서 GitHub 이슈를 생성해 주세요. qn-가이드-예시 저장소.
기여하시려면 다음 단계를 따르세요:
  1. 저장소를 포크하기
  2. 기능 브랜치 생성:
    git checkout -b feature/amazing-feature
  3. 변경 사항을 커밋하세요:
    git commit -m "멋진 기능 추가"
  4. 브랜치를 푸시하세요:
    git push origin feature/amazing-feature
  5. 풀 리퀘스트를 제출하세요.
더 많은 샘플 앱 살펴보기
Aave V3 Liquidation Tracker
This application provides real-time monitoring and in-depth analysis of liquidation events on the Aave V3 protocol. Built on a serverless architecture, this app showcases the power of Quicknode Streams for seamless blockchain data streaming.
Aave V3 Liquidation Tracker
Ethereum Wallet Explorer
This application uses Quicknode's Ethereum endpoint and APIs to query the blockchain for tokens, transactions, and NFTs associated with a given wallet.
Ethereum Wallet Explorer
EVM Token Factory
This application enables you to create an ERC-20 token on any EVM-compatible blockchain. You can customize the token name, symbol, and initial supply with ease.
EVM Token Factory