project screenshot 1
project screenshot 2
project screenshot 3
project screenshot 4
project screenshot 5
project screenshot 6

Bet-a-Meme

Bet-A-Meme: The Ultimate Viral Meme Betting platform where memes meet blockchain. Bet on viral meme templates, compete to make them go viral, and earn rewards. Powered by Sign Protocol, it's the ultimate fusion of social media trends and decentralized finance.

Bet-a-Meme

Created At

ETHOnline 2024

Winner of

trophy

Sign Everything Pool Prize

trophy

Best Technical Integration of Schema Hooks

trophy

Best Use Case to Enhance Memecoin Transparency

Project Description

Bet-a-Meme is a platform where users can bet on meme templates they believe will go viral, combining the thrill of meme culture with the excitement of decentralized betting. Users compete to make their chosen meme the most popular by creating, sharing, and posting it with a unique hashtag. The meme template that gets the most posts wins, and users who bet on it earn their stake back with a bonus. This project is designed to harness the viral nature of memes, creating a community-driven, competitive environment where creativity meets blockchain technology. To ensure transparency, security, and fairness in the betting process, Bet-a-Meme integrates Sign Protocol in innovative ways through Schema Hooks and Attestations.

Functionalities of Bet-a-Meme:

  • Bet Creation and Attestation:

When a user places a bet on a meme template, Sign Protocol is used to create an attestation on the blockchain. This attestation records the details of the bet, including the user’s wallet address, the amount staked, and the specific meme template they’ve bet on. The Schema Hooks in this process ensure that custom logic is triggered when a bet is made. For example, the hooks update user profiles in real-time, keeping track of the total number of battles the user has participated in, the amount staked, and their overall betting history. This integration allows the platform to maintain a fully verifiable record of every bet, ensuring transparency and preventing any tampering or disputes in the future.

  • Reward Claiming and Attestation Verification:

Once a meme battle concludes, users who bet on the winning meme template can claim their rewards. During this process, Schema Hooks verify the eligibility of each user before allowing them to claim their winnings. The Schema Hooks check the blockchain attestations to confirm whether a user placed a valid bet on the winning meme. Only users with valid attestations can claim their rewards, ensuring that no one can fraudulently claim prizes. The claim function triggers another attestation revocation, marking the reward as “claimed” and preventing duplicate claims.

  • Decentralized and Transparent Reward Distribution:

The use of Sign Protocol ensures that the reward distribution process is decentralized, transparent, and verifiable. Since every bet and reward claim is recorded as an attestation on the blockchain, the platform provides a trustless system where users can independently verify the outcome. The reward distribution logic, triggered by Schema Hooks, guarantees fairness by automatically distributing the rewards based on the virality of the memes, ensuring that the system is free from human interference or bias.

  • Future-Proof Betting and Governance:

The integration of Sign Protocol opens up opportunities for expanding Bet-a-Meme’s functionality. In future versions, the platform could introduce more advanced betting strategies, such as multi-tiered betting or side bets, all governed by Sign Protocol’s attestations and Schema Hooks.

The platform could also implement community-driven governance features, where users can vote on new meme battles or rules, with Schema Hooks used to validate votes and actions on-chain.

Why Sign Protocol is Critical to Bet-a-Meme’s Success?

By leveraging Sign Protocol, Bet-a-Meme enhances its core functionalities, ensuring that the platform is truly decentralized, secure, and transparent. The use of Schema Hooks allows for real-time custom logic during bet creation and reward claims, automating processes that would otherwise require manual oversight. This not only improves the user experience but also provides a robust framework for scaling the platform in the future.

Furthermore, the integration of Sign Protocol transforms Bet-a-Meme from a simple betting platform into a trustless, verifiable ecosystem. Every bet and reward claim is transparent and provable, building confidence among users and fostering a fair, engaging, and competitive environment for meme creators and trend-predictors alike.

Real-World Problem Solving:

  • Viral Culture Monetization: Memes are a vital part of modern internet culture, but monetizing them has always been a challenge. Bet-a-Meme allows users to actively participate in meme virality, not just as content creators but as investors and participants. By betting on viral trends, users can earn real rewards, adding a new layer of value to digital content sharing.

  • Decentralized Betting with Transparency: Traditional betting platforms often lack transparency, with users unsure if the outcomes are fair or tampered with. By using blockchain technology and Sign Protocol's attestations, Bet-a-Meme provides a provable, transparent betting process where outcomes are verifiable and trusted by all participants.

  • Empowering Community Engagement: Bet-a-Meme fosters a highly engaging community where users can not only bet but collaborate on making memes viral. This platform provides a space where online culture can be influenced directly by its participants in a fun, competitive, and rewarding way.

How it's Made

How it's Made :

  • Frontend Framework: Bet-a-Meme is built with Next.js, a React-based framework that enables:

Server-side rendering for fast load times and improved SEO. Easy navigation through file-based routing. Built-in API routes for seamless backend functionality. Components like AttestationTable, MemeChatroom, and BattleDetails handle specific tasks, making the app modular and efficient.

  • Styling: Tailwind CSS powers the design for quick, consistent UI development. Its utility-first approach keeps the interface clean and responsive.

  • State Management: React hooks (useState and useEffect) handle state locally, ensuring efficient management of dynamic data, especially in components like AttestationTable.

  • Backend & Database: Firebase provides:

Real-time database Authentication Cloud functions It powers features like chat and battle management, ensuring instant updates and real-time engagement.

  • Blockchain Integration: EVM blockchain, via ethers.js, handles:

Wallet connections Smart contract interactions for creating and managing on-chain battles This adds decentralization and transparency to the betting process.

  • Sign Protocol Integration: Sign Protocol secures bet attestations and reward claims, ensuring:

Transparent record-keeping of user actions Secure transactions Potential for advanced features like dynamic betting based on user scores API Integration: Using RapidAPI, the app fetches Instagram post counts to track meme virality, creating a direct link between social media and blockchain betting outcomes.

  • Error Handling & User Feedback: React-toastify provides real-time notifications for actions like placing bets or claiming rewards, enhancing the user experience with instant feedback.

Particularly Notable/Hacky Implementations:

  • Schema Hooks: The use of Sign Protocol's Schema Hooks for bet creation and reward claims is a standout feature. This allows for custom logic to be executed on-chain when attestations are created , adding an extra layer of security and functionality to the betting process. For example: What we did in MemeChatRoom.tsx file when User is Betting on a Meme... and AttestationTable.tsx file when User is claiming his/her rewards.

  • Social Media Integration: The use of RapidAPI to fetch Instagram post counts as a measure of meme virality is an innovative approach to determining battle winners. This creates a unique bridge between blockchain technology and real-world social media trends.

  • Real-time Chat in Blockchain Context: Combining real-time chat functionality (powered by Firebase) with blockchain-based betting in the same interface is a unique feature that enhances user engagement. This integration allows users to discuss and strategize about their bets in real-time, adding a social layer to the blockchain betting experience.

  • Dynamic Battle Management: The ability to create battles, add memes, and declare winners dynamically, all while integrating with blockchain technology, showcases a complex system working seamlessly. This is particularly evident in the AddMemeBattle component:

By leveraging these technologies and integrations, Bet-A-Meme creates a unique platform that bridges the gap between viral internet culture and blockchain technology. The combination of Next.js for the frontend, Firebase for real-time functionality, Ethereum for blockchain integration, and Sign Protocol for secure attestations results in a robust, engaging, and potentially rewarding experience in the world of memes and blockchain betting.

background image mobile

Join the mailing list

Get the latest news and updates