BaseTip enables viewers to send ETH tips to their favorite Twitch streamers with just a few clicks, creating a more direct relationship between creators and their audience. The platform gamifies tipping with NFT rewards, encouraging community support.
Traditional donation methods often involve high fees and complex setup processes. BaseTip solves this by:
- Allowing users to send ETH tips seamlessly
- Providing a transparent and direct connection between viewers and streamers
- Gamifying tipping with NFT rewards
- Embedding Twitch streams directly in the platform
- Users connect their wallet using MetaMask or Coinbase Wallet.
- They browse popular streamers or search for a Twitch username.
- The selected stream is embedded within the app.
- Users select a tip amount, add a message, and send the transaction.
- The transaction is executed on the Base Sepolia network and appears as an overlay on the stream.
- Users can track their transactions and see their position on the leaderboard.
- Top tippers receive NFT rewards to showcase their support.
- Wallet connection via Web3 providers
- Twitch API integration for stream embedding
- On-chain transactions for tips
- Local storage for transaction history
- UI overlays for real-time visual feedback
- Frontend: Next.js, React, Tailwind CSS, shadcn/ui
- Blockchain Integration: Web3, Viem, MetaMask/Coinbase Wallet
- State Management: React hooks and context
- Data Persistence: Local storage for transaction history
- Setup Next.js with Tailwind CSS
- Implement wallet connection functionality
- Create Twitch stream viewer component
- Build tipping mechanism with transaction execution
- Add social features like leaderboard & transaction history
- Implement NFT reward visualization
- Add network status indicators and transaction monitoring
- Base Sepolia Testnet: Executes transactions securely
- Twitch API: Embeds live streams in the application
- MetaMask & Coinbase Wallet: Wallet connection and transaction signing
- Base Explorer: Transaction verification & tracking
✅ Seamless Twitch & Crypto Integration – Watch streams and tip ETH in one place
✅ Real-Time Tip Overlays – Tips appear on the stream for instant recognition
✅ Gamified Tipping with NFT Rewards – Support streamers and earn collectible badges
✅ Cross-Platform & Wallet-Friendly – Works across devices with MetaMask & Coinbase Wallet
✅ Low Barrier to Entry – Easy-to-use UI for non-technical users
✅ Leaderboards & Social Elements – Encourages community engagement
- Testnet Deployment – Using Base Sepolia instead of Mainnet for now
- Local Storage Only – No database for persistent storage yet
- Mock Data for Leaderboards – No real-time blockchain data yet
- Limited Wallet Support – Currently supporting only MetaMask & Coinbase Wallet
- Single Recipient – Tips currently go to a single test address
- Mainnet deployment with real ETH transactions
- Backend integration for enhanced data persistence
- Streamer onboarding for custom wallets
- Advanced analytics for streamers
- Mobile app development
✅ Real ETH transaction execution
✅ Network status indicators
✅ Transaction monitoring & status updates
✅ Custom amount input for flexible tipping
✅ Real-time visual tip overlays on streams
✅ NFT reward badges with different tiers
✅ Twitch stream embedding with interactive elements
Ensure you have Node.js 22.0.0 installed. If not, use nvm to manage versions.
nvm use 22.0.0npm install --legacy-peer-deps
npm run devThe app should now be running locally at http://localhost:3000/.
