diff --git a/templates/crypto-staking-dashboard.md b/templates/crypto-staking-dashboard.md new file mode 100644 index 0000000..e7daabb --- /dev/null +++ b/templates/crypto-staking-dashboard.md @@ -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