Skip to content
Closed
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
25 changes: 25 additions & 0 deletions templates/crypto-staking-dashboard.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,25 @@
---
title: Crypto Staking Dashboard
app_type: crypto-staking-dashboard
wallet: 0x1e660a9a1f1f08afef9c03c96d66260122464cf2
---

You are an expert React developer. Generate a complete, production-ready React application for a crypto staking dashboard.

Requirements:
- Header with logo, wallet address display (truncated), and a connect/disconnect button
- Portfolio overview section showing total staked value, total rewards earned, and APY percentage in stat cards
- Staking pools table with columns: Asset, APY, Total Staked, Your Stake, Rewards, and an Action button (Stake/Unstake)
- Active positions section listing current stakes with amount, duration, rewards accrued, and a Claim button
- Transaction history section with a simple table showing date, type, amount, and status badge
- Fully responsive layout using Tailwind CSS utility classes
- Use mock/placeholder data for all values — no real blockchain calls
- Clean, dark-themed professional UI with accent colors for positive/negative values

Technical:
- React 18 with TypeScript
- Tailwind CSS for all styling
- Export a single default App component
- No external UI libraries or icon packs
- Use inline SVG for any icons
- All state managed with useState/useEffect hooks only
Loading