A modern DeFi dashboard for tracking and managing your yield farming positions across top protocols like Compound (with support for Aave, Yearn, and more). Connect your wallet, view your APYs, supplied balances, and compare protocols—all with live blockchain data.
- Live APY/Interest rates from Compound (Aave/Yearn coming soon)
- Wallet connect (MetaMask) and network switch (Mainnet, Goerli, Sepolia)
- User balances: See what you’ve supplied in each protocol
- Estimated and realized yield
- Deposit/Withdraw (coming soon)
- Beautiful dashboard UI with protocol badges, logos, and dark mode
- Historic APY charts via DeFiLlama (if available)
- Responsive & mobile-friendly
Sample: Compound cDAI/cUSDC with live APY and wallet balances
git clone https://github.com/ibrahimspy/yield-farming-dashboard.git
cd yield-farming-dashboard
npm install
# or
yarn install
- Download the Compound cToken ABI and place it in
/src/abis/cToken.json
.
npm run dev
# or
yarn dev
Then open http://localhost:3000 in your browser.
- Connect Wallet (MetaMask)
- Switch Network as needed (Mainnet recommended for real data)
- View your supplied balances and live APYs
- See historic APY charts for each supported asset
src/
abis/ # ABI JSON files (cToken.json, etc.)
components/ # UI components (ProtocolCard, WalletConnect, ApyChart, etc.)
context/ # React context for wallet/network
hooks/ # Custom React hooks (useCompound, useApyHistory, etc.)
pages/ # Next.js pages (index.tsx)
- Live APY & balances: Fetched directly from Compound smart contracts (via ethers.js)
- Historic APY: DeFiLlama API (
https://yields.llama.fi/chart/compound/ethereum/DAI
etc.)
- Compound dashboard with wallet connect & APY
- Historic APY charts (DeFiLlama)
- Aave & Yearn integration
- Deposit/Withdraw modal (supply/redeem)
- Risk badges & protocol filters
- More analytics (total supplied, earnings projections, multi-wallet)
- Mobile optimization
PRs and suggestions welcome!
If you want to add new protocols or chart types, check out the /hooks
and /components
folders.
MIT
Enjoy farming safely! Made with ❤️ by M Ibrahim and the DeFi builder community.