Ga naar de hoofdinhoud
Terug naar voorbeeldapps

Applicatie voor 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.

Pictogram ‘Implementeren’
App implementeren
GitHub-pictogram
Repo bekijken
Frontend-framework/bibliotheek:
Reageren
Taal:
TypeScript
Bouwtool/ontwikkelingsserver:
Vite
Voorbeeld van een app-preview

Inleiding

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

Technologiestack​


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

Kenmerken


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

Aan de slag

Vereisten​

Om deze app te gebruiken, heb je het volgende nodig:


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

npm install -g typescript ts-node

Installatievereisten​


  1. Kloon de repository naar je lokale computer:
git clone https://github.com/quiknode-labs/qn-guide-examples.git

  1. Ga naar de projectmap:
cd sample-dapps/ethereum-transaction-report-generator

  1. Installeer de benodigde afhankelijkheden:
npm installeren

Omgevingsvariabelen instellen​

Naam wijzigen .env.voorbeeld naar .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.

De applicatie starten​

Start de ontwikkelingsserver:

npm run dev

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

De app gebruiken


  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.

Voorbeeld

Voorbeeld

Conclusie

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!


Bijdragen en feedback
We horen graag wat je ervan vindt en staan open voor alle bijdragen aan deze voorbeeldapp!
Als je problemen wilt melden of feedback wilt geven, maak dan een GitHub-issue aan in de qn-handleiding-voorbeelden repository.
Volg deze stappen om een bijdrage te leveren:
  1. Maak een fork van de repository
  2. Maak een feature-branch aan:
    git checkout -b feature/amazing-feature
  3. Sla je wijzigingen op:
    git commit -m "Geweldige functie toevoegen"
  4. Pusht je branch:
    git push origin feature/amazing-feature
  5. Dien een pull-verzoek in.
Bekijk meer voorbeeldapps
Aave V3-liquidatietracker
Deze applicatie biedt realtime monitoring en diepgaande analyse van liquidatiegebeurtenissen binnen het Aave V3-protocol. De app is gebaseerd op een serverloze architectuur en laat zien hoe krachtig Quicknode Streams isStreams het naadloos streamen van blockchain-gegevens.
Aave V3-liquidatietracker
Ethereum -explorer
Deze applicatie maakt gebruik vanendpoint de API's Quicknode om in de blockchain te zoeken naar tokens, transacties en NFT's die aan een bepaalde wallet zijn gekoppeld.
Ethereum -explorer
EVM Token Factory
Met deze applicatie kun je een ERC-20-token aanmaken op elke EVM-compatibele blockchain. Je kunt de naam, het symbool en de initiële voorraad van het token eenvoudig aanpassen.
EVM Token Factory