Project Metrics:
- π 66+ commits in 2 days
- π 11 major features shipped
- π 10 documentation files
- π TOP 60 on Stacks Builder Rewards
- β 6 repositories in ecosystem
Check out our Contributing Guidelines and Code of Conduct
- β Advanced Leaderboard - Top 10 stakers with badges and real-time rankings
- β APY Calculator - Interactive earnings estimator with custom sliders
- β Toast Notifications - Beautiful success/error messages
- β Export Functionality - Download transactions as CSV or JSON
- β Loading Skeletons - Professional loading states
- β Performance Boost - Next.js optimizations for faster loading
- β SEO Enhanced - Complete metadata for better discoverability
- 16 commits today π₯
- 65+ total commits
- 9 major features
- TOP 75 on Stacks Builder Rewards π
π Track cross-chain bridges between Base & Stacks. Earn $B2S tokens for tracking activity.
Try it now: https://wkalidev-base2stacks-tracker.vercel.app
- π Wallet Connection - Seamless Leather & Xverse integration
- π° Daily Rewards - Claim 5 $B2S tokens every 24 hours
- π Real-time Balance - Live tracking of your $B2S holdings
- π Staking System - Earn 12.5% APY on staked tokens
- π Transaction History - Complete record of claims and stakes
- π Leaderboard - Top 10 stakers with badges and rankings
- π APY Calculator - Interactive earnings estimator
- π Achievement Badges - Earn rewards for milestones
- π Staking Stats - Comprehensive dashboard analytics
- π¨ Professional UI - Glass morphism design with smooth animations
- π± Mobile Responsive - Perfect on all devices
- β‘ Real-time Updates - Instant balance and stats refresh
- π― Intuitive Navigation - Clean, user-friendly interface
- Address:
ST936YWJPST8GB8FFRCN7CC6P2YR5K6NNBAARQ96.b2s-token - Network: Stacks Testnet
- Standard: SIP-010 Fungible Token
- Explorer: View on Hiro
- Node.js 18+
- Leather or Xverse wallet
git clone https://github.com/wkalidev/base2stacks-tracker.git
cd base2stacks-tracker
npm installnpm run devnpm run build
npm start- Frontend: Next.js 14, React, TypeScript
- Styling: Tailwind CSS, Custom animations
- Blockchain: Stacks, Clarity smart contracts
- Wallet: @stacks/connect
- Deployment: Vercel
base2stacks-tracker/
βββ src/
β βββ app/
β β βββ page.tsx # Main page
β β βββ layout.tsx # Root layout
β β βββ globals.css # Global styles
β βββ hooks/
β β βββ useWallet.ts # Wallet connection
β β βββ useContract.ts # Contract interactions
β β βββ useBalance.ts # Balance tracking
β βββ components/
β βββ TransactionHistory.tsx
β βββ StakingStats.tsx
βββ contracts/
β βββ b2s-token.clar # Smart contract
βββ public/ # Static assets
βββ tests/ # Contract tests
- Top 10 Display with real-time rankings
- Badge System: π π₯ π₯ π β
- Detailed Stats: Total staked, rewards earned
- Filter Options: Top 10, Top 50, All users
- Live Updates: Rankings refresh every 30 seconds
π Leaderboard Documentation
- Interactive Inputs: Stake amount and duration
- Duration Presets: 1 week to 1 year
- Custom Sliders: Fine-tune days and APY
- Real-time Results: Instant earnings calculation
- Earnings Breakdown: Daily, monthly, and total projections
Try it live: Base2Stacks Tracker
Contributions are welcome! Please read CONTRIBUTING.md
MIT License - see LICENSE
wkalidev (zcodebase)
- Twitter: @willycodexwar
- Farcaster: willywarrior
- GitHub: @wkalidev
- β Deployed smart contract on Stacks testnet
- β Full-stack DApp with real blockchain integration
- β Advanced leaderboard system
- β Interactive APY calculator
- β Professional UI/UX design
- β Comprehensive documentation
- β Export functionality
- β Toast notification system
- β Loading states & optimizations
- β SEO & performance optimized
| Metric | Value |
|---|---|
| Total Commits | 65+ |
| Components | 12+ |
| Features | 9 major |
| Documentation | 6 files |
| Lines of Code | 3000+ |
| Test Coverage | Coming soon |
This project was built for the Stacks Builder Rewards program (February 2026).
- Lines of Code: 2000+
- Components: 8
- Smart Contracts: 1
- Tests: 5
Made with β€οΈ by wkalidev(zcodebase) for the Stacks community