StakeHub | Fixed-Yield Staking Protocol

Live Demo: https://stakehubbymaga.netlify.app/

StakeHub is a premium decentralized application (DApp) built on the Sepolia Testnet. It provides a "Bank-style" staking experience where users earn a guaranteed 12.5% APY on STK tokens with real-time reward accrual.

💎 Protocol Features

• Fixed 12.5% APY: Guaranteed stable returns calculated per second.
• Bank-Style Logic: Rewards are paid out from a protocol vault, ensuring predictable growth.
• Built-in Faucet: Claim test STK tokens directly to your wallet.
• Gamified Tiers: Progress from "Novice" to "Legend" as your stake grows.
• On-Chain Analytics: Live leaderboard and activity log synced via blockchain events.
• Yield Calculator: Interactive tool to project your earnings.

🛠 Tech Stack

• Frontend: React 19, TypeScript, Tailwind CSS
• UI Components: Shadcn/UI, Lucide Icons, Recharts
• Blockchain: Ethers.js v6
• Network: Sepolia Testnet

🚀 Deployment Checklist

1. Smart Contracts

1. Deploy StakeToken.sol to Sepolia.
2. Deploy Staking.sol using the StakeToken address as the constructor argument.
3. CRITICAL: Send a large amount of STK tokens (e.g., 1,000,000) to the Staking contract address. This funds the "vault" so users can claim their 12.5% rewards.

2. Frontend Configuration

Update src/services/stakingService.ts with your new addresses:

export const STAKING_TOKEN_ADDRESS = "0xYourTokenAddress";
export const STAKING_CONTRACT_ADDRESS = "0xYourStakingAddress";
export const DEPLOYMENT_BLOCK = 12345678; // The block number when you deployed

3. Environment Variables

Create a .env file:

VITE_STAKING_TOKEN_ADDRESS=0x...
VITE_STAKING_CONTRACT_ADDRESS=0x...

📦 Installation

npm install
npm run dev

---

Made with ❤️ by Maga