Staking Rewards Hub
YieldReclaim: one-click harvesting of staking yields across all your positions,
About
YieldReclaim is a decentralized application that solves a real pain point for Ethereum stakers: yield from staking positions accumulates across multiple protocols and validators, and claiming it means signing a separate transaction for every single position — paying gas each time and wasting time. With YieldReclaim, users connect their wallet and instantly see a unified dashboard of all their staking positions, including the accumulated (unclaimed) yield on each one. From there, they can harvest rewards from a single position or — with one click on "Harvest All" — batch every pending reward into a single transaction. Instead of N transactions and N gas fees, it's one signature and one fee. The interface shows a live summary of total pending rewards across all positions, per-position breakdowns, and a claim history, so users always know exactly how much they've earned and reclaimed. Toast notifications confirm each harvest, and claimed positions are visually marked to prevent double-claiming. The current build is a fully interactive demo: wallet connection, position fetching, individual and batch harvesting, and reward accounting all work end-to-end in the UI, demonstrating the complete user flow from connect to full yield recovery. The next step is wiring the batching layer to on-chain smart accounts / multicall contracts so the one-transaction harvest executes permissionlessly on mainnet. Built for ETHGlobal — because your yield should come home in one click.
How it's made
YieldReclaim is built as a single-page decentralized application on a modern full-stack React setup: TanStack Start (React 19 + Vite 7) handles routing, SSR, and type-safe route trees, with Tailwind CSS v4 and shadcn-style components for the UI layer. TanStack Query manages all async state — position fetching, pending harvests, and cache invalidation after each claim — so the dashboard stays consistent with zero manual state juggling. Toast notifications (sonner) surface every on-chain-style event the user triggers. The core UX flow is intentionally simple: connect a wallet, fetch all staking positions into a unified dashboard, then harvest rewards either per-position or via a single "Harvest All" action that collapses N transactions into one. Each row tracks accumulated yield, and a summary bar aggregates the total recoverable amount in real time. The hackathon version ships with a mocked wallet layer and simulated position data, which let us build and demo the complete end-to-end user journey — connect, view, claim, verify — without burning gas or waiting on a testnet faucet. The data model (positions, accumulated rewards, claim states) mirrors exactly what an on-chain indexer would return, so swapping the mock fetchers for real contract calls is a drop-in change with no UI rework. The next milestone is the part that makes the name true: wiring the batch harvest to a smart-account multicall so every position's claim executes in one signature, permissionlessly, on mainnet. Everything in the current codebase — the claim accounting, the optimistic UI updates, the aggregate totals — is structured around that single end state. Stack: TanStack Start, React 19, TypeScript, Tailwind CSS v4, shadcn/ui, TanStack Query, sonner.