🧩 Problem
OrganChain uses Ethereum smart contracts to store organ metadata and IPFS CIDs — but the frontend currently has no way for a user to track the status of their on-chain transactions after submitting them. Once a user registers an organ or initiates a transfer, they have no visibility into:
-Whether the transaction was confirmed or failed
-The transaction hash for verification on Etherscan
-A history of past organ registration/transfer events tied to their wallet
This is a significant UX gap for a trust-based healthcare system — transparency is one of the core promises of blockchain, but users can't see it in action.
✅ Proposed Solution
Add a Transaction History / Activity Feed section to the dashboard that:
-Listens for emitted smart contract events (e.g. OrganRegistered, TransferInitiated) using ethers.js or web3.js
-Displays each event with: timestamp, transaction hash, organ ID, and status (Pending / Confirmed / Failed)
-Makes the transaction hash a clickable link to the Alchemy/Etherscan block explorer
-Shows a live "pending" state while a transaction is being mined
💡 Implementation Hints
-Use contract.on("EventName", callback) from ethers.js to listen for real-time events
-For historical events, use contract.queryFilter(filter, fromBlock, toBlock)
-Store recent tx hashes in localStorage so the history persists across page refreshes
-No backend changes needed — this is purely frontend + smart contract interaction
🎯 Why This Matters
Organ donation is a life-critical domain. Users (donors, hospitals, coordinators) need verifiable proof that their actions were recorded on-chain. Without a transaction tracker, the blockchain layer is invisible to end users — defeating the core value proposition of the project
🧩 Problem
OrganChain uses Ethereum smart contracts to store organ metadata and IPFS CIDs — but the frontend currently has no way for a user to track the status of their on-chain transactions after submitting them. Once a user registers an organ or initiates a transfer, they have no visibility into:
-Whether the transaction was confirmed or failed
-The transaction hash for verification on Etherscan
-A history of past organ registration/transfer events tied to their wallet
This is a significant UX gap for a trust-based healthcare system — transparency is one of the core promises of blockchain, but users can't see it in action.
✅ Proposed Solution
Add a Transaction History / Activity Feed section to the dashboard that:
-Listens for emitted smart contract events (e.g. OrganRegistered, TransferInitiated) using ethers.js or web3.js
-Displays each event with: timestamp, transaction hash, organ ID, and status (Pending / Confirmed / Failed)
-Makes the transaction hash a clickable link to the Alchemy/Etherscan block explorer
-Shows a live "pending" state while a transaction is being mined
💡 Implementation Hints
-Use contract.on("EventName", callback) from ethers.js to listen for real-time events
-For historical events, use contract.queryFilter(filter, fromBlock, toBlock)
-Store recent tx hashes in localStorage so the history persists across page refreshes
-No backend changes needed — this is purely frontend + smart contract interaction
🎯 Why This Matters
Organ donation is a life-critical domain. Users (donors, hospitals, coordinators) need verifiable proof that their actions were recorded on-chain. Without a transaction tracker, the blockchain layer is invisible to end users — defeating the core value proposition of the project