CompoundShield

Inspiration

CompoundShield was inspired by the rapid rise of DeFi — and the growing risks users face using platforms like Compound.
From flash loan attacks to smart contract bugs, users are vulnerable.
So we built a real-time tool that empowers them to stay protected — no code required.

What it does

  • Monitors Compound lending/borrowing positions in real time
  • Displays live Risk Score for user portfolios
  • Shows APY, token stats, and flags dangerous trends
  • Auto-activates Protection Mode at critical risk
  • Users can configure alert triggers
  • Tracks shielded value and live risk index
  • All wrapped in a beautiful, modular UI

How we built it

  1. Frontend: React + TailwindCSS + Framer Motion
  2. Wallet: MetaMask with Ethers.js + Web3.js
  3. Core Components:
    • Risk Monitor
    • Market Stats Viewer
    • Auto-Protection Settings
  4. Mock AI Engine: Simulates live risk score (e.g. 62%)
  5. Deploy: Hosted on Netlify

Challenges we ran into

  • Designing a meaningful risk algorithm
  • Making it friendly for non-technical users
  • Handling wallet edge cases
  • Limited Compound API documentation
  • Balancing data richness vs. clean design

Accomplishments

  • Full frontend dashboard live and Web3-connected
  • Created a real-time risk visualizer
  • Designed a mobile-friendly layout
  • Delivered accessible security for DeFi users
  • AI-powered prototype, user-first design

What we learned

  • How to structure modular Web3 apps
  • AI-driven UI for fintech use cases
  • Why wallet UX makes/breaks a Web3 app
  • Visualization of DeFi concepts for clarity
  • Why DeFi must prioritize safety

What’s next

  • Integrate real Compound APIs
  • Plug in OpenAI for anomaly detection
  • Expand to Aave, MakerDAO
  • Add Telegram + Email alerts
  • Add Simulation Mode
  • Publish as open-source SDK

Table – Feature Summary

Module Description
Portfolio Monitor Tracks risk in real-time
Market Stats Viewer APY, supply, borrow stats
Protection Mode Auto-enables on critical risk
Risk Engine Simulated AI scoring
Alerts Custom triggers for user safety
UI Responsive, clean, modular

Fenced Code Block – Example Risk Output

{
  "riskScore": "62%",
  "status": "Medium",
  "autoProtection": true
}

Footnote

Here’s a real-world use case[^1].

[^1]: A user avoids liquidation by acting on a Risk Score alert.

Screenshots

UI Module Preview
Dashboard Overview Dashboard
Portfolio Stats Stats
Risk Analytics Risk
Auto Protection Protection

Strikethrough Example

Users need to read smart contract code
Now they can just use CompoundShield


Task List

  • [x] React Frontend with Wallet Integration
  • [x] Risk Monitoring Prototype
  • [x] Tailwind UI with Motion
  • [ ] OpenAI Integration (Next Phase)
  • [ ] Multi-Protocol Support

Built With

Share this project:

Updates