← Back to projects

Case study

Transaction Explainer

Paste any EVM transaction hash and get a plain-English explanation of transfers, swaps, approvals, gas fees, and wallet impact — no wallet connection required across 7 networks.

Next.jsTypeScriptViemTailwind CSS

Overview

Transaction Explainer translates completed EVM transaction activity into plain-English summaries. Users paste a transaction hash, pick a supported network, and get transfers, swaps, approvals, gas fees, and wallet impact without connecting a wallet or reading raw explorer data.

Problem

Block explorers show raw logs, calldata, and token movements that are hard for non-technical users to interpret when they only need a clear answer to what a transaction actually did.

Solution

Built a hash-based explainer that reads the transaction and receipt, parses transfers, approvals, native value, and gas, then presents a plain-English summary with wallet impact and details underneath — across seven major EVM networks, with no wallet connection.

My role

Sole product engineer — product design, frontend, on-chain parsing, and explanation UX.

Key features

  • Plain-English summaries for completed transactions
  • Support for Ethereum, Base, Arbitrum, Polygon, BNB Chain, Optimism, and Avalanche
  • Token transfers, swaps, approvals, gas fees, and wallet impact
  • No wallet connection or signing required
  • Example transactions for first-time users

Results & impact

Makes on-chain activity easier to understand for anyone who can copy a transaction hash, without risk scoring or scam detection claims.

Technology stack

  • Next.js
  • TypeScript
  • Viem
  • Tailwind CSS

Screenshots

Transaction Explainer — screenshot 1
Transaction Explainer — screenshot 2

Related projects

View all projects

Related articles

View all articles

Related services

Need a Web3 dashboard or frontend like this?

I build production-ready Web3 dashboards, DeFi interfaces, and analytics frontends with Next.js, TypeScript, and Tailwind CSS.