ImpactChain

Problem Statement

There are a total of 4 flows comprising in our app. The app is made to benefit for a social cause. This is a social media app and the mobile app is set up on the World ecosystem and there is Desktop based frontend as well. Contracts are deployed on World Mainnet.Flow 1 : Social Media PostUsers can create posts which reflect the good deeds they did on that day that are automatically tokenized as NFTs with their metadata securely stored on IPFS. These posts become unique digital assets that other users can interact with. Community members can “like” posts or financially support them through “cheers,” which transfer funds directly to the post creator. Additionally, posts can be labeled and categorized by an AI model, helping to structure the content and make it more valuable for future dataset aggregation.Flow 2: Campaign Management Creators can start larger campaigns around specific causes, such as organizing a tree plantation drive or cleaning a local river. Campaigns may or may not include bounties. If a bounty is added, the funder such as an NGO chooses DAO voters who will validate participation. Campaigns include details like type of activity and location, which helps in aggregating localized datasets. Participants RSVP by staking an amount. After the campaign, DAO voters verify who actually attended. Verified participants receive their bounty and staked funds back, while those unverified lose their stake, which gets redistributed to those who participated genuinely. Attestation flow: To ensure trust and transparency, DAO voters provide digital signatures confirming verified good deeds or campaign participation. These signatures are compiled into an attestation proof, stored on IPFS, and referenced on-chain. Attestations not only validate specific good deeds but also contribute to a participant’s long-term reputation. This reputation score can influence eligibility for future campaigns and increase trust in their contributions.Flow 3: Dataset Monetization All verified good deeds and campaign data (such as photos of tree plantations, geolocations of clean-up drives, or logs of animal care activities) are aggregated into datasets by a Data DAO. The DAO cleans, organizes, and labels the data, transforming it into structured, trustworthy datasets. These datasets can then be monetized by offering access to governments, NGOs, or organizations that need reliable environmental, social, or community-related data. This creates a positive cycle: individuals are rewarded for doing good, and society benefits from high-quality datasets that drive larger impact projects.

Solution

Technology StackFrontend (React + TypeScript) • Framework: React 19 with TypeScript • Build Tool: Vite for fast development and building • Styling: Tailwind CSS 4.1.13 with custom animations • State Management: Zustand for global state • Routing: React Router DOM v7 • Web3 Integration: Wagmi v2.17.5 + Viem v2.37.8 • UI Components: Radix UI primitives with custom styling • Animations: Framer Motion + GSAP + Lenis for smooth scrollingSmart Contracts (Solidity) • Language: Solidity ^0.8.27 • Framework: OpenZeppelin Contracts ^5.4.0 • Three main contracts:SocialMediaPosts.sol - ERC721 NFT contract for postsCampaignBountyManager.sol - Campaign creation and bounty distributionSimpleDAOVoting.sol - DAO voting and attestation systemBackend Services • Node.js/Express servers for different functionalities • Supabase for database and real-time features • Lighthouse Protocol for IPFS storage and file management • Twitter API integration for social sharingKey Integrations & Partner TechnologiesLighthouse Protocol (@lighthouse-web3/sdk)Benefit: Decentralized file storage on IPFS with built-in authenticationImplementation: Handles image uploads, metadata storage, and content deliveryWhy it matters: Eliminates centralized storage dependencies while providing reliable file managementIntegration: Custom hooks (useLighthouseUpload, useLighthouseFetch) for seamless frontend integrationSupabaseBenefit: Real-time PostgreSQL database with instant subscriptionsImplementation: Stores user profiles, post metadata, and interaction dataWhy it matters: Provides fast querying and real-time updates while maintaining decentralizationIntegration: Custom service layer (supabaseService) for data synchronizationENS (Ethereum Name Service)Benefit: Human-readable identities and profile managementImplementation: Resolves wallet addresses to readable names and avatarsWhy it matters: Improves user experience and builds trust through recognizable identitiesIntegration: Custom hooks (useEnsProfile) for seamless ENS resolutionWorld App Mini AppBenefit: Gasless transactions and mobile-first Web3 experienceImplementation: Account abstraction for simplified blockchain interactionsWhy it matters: Removes barriers for non-crypto users and enables mobile adoptionIntegration: Custom wallet connection and transaction handling1MB.ioBenefit: High-performance data delivery and CDN servicesImplementation: Accelerates content delivery for images and metadataWhy it matters: Ensures fast loading times for decentralized contentIntegration: Optimized data fetching and caching strategiesTwitter APIBenefit: Social media integration for campaign sharingImplementation: OAuth 1.0a authentication with web intent fallbackWhy it matters: Expands reach and enables viral campaign distributionIntegration: Custom service (twitterService) with CORS-safe implementationArchitecture HighlightsHybrid On-Chain/Off-Chain Design • Critical data (posts, campaigns, votes) stored on-chain for immutability • Metadata, images, and user profiles stored on IPFS via Lighthouse • Supabase provides fast querying and real-time features • 1MB.io ensures optimal content delivery performanceGas Optimization Techniques • Packed structs in smart contracts (e.g., Post struct uses bit packing) • Custom errors instead of require statements for gas efficiency • Efficient storage patterns and mappings • Minimal on-chain data storage with IPFS referencesMobile-First Approach • World App integration for gasless transactions • Responsive design with mobile-optimized components • Account abstraction for simplified user experience • Progressive Web App capabilitiesNotable Technical ImplementationsAttestation System: Cryptographic proof generation for verified activities using keccak256 hashingStake-Based RSVP: Economic incentives for genuine participation with automatic stake forfeitureDAO Voting: Decentralized verification with majority consensus and automatic attestation generationIPFS Integration: Decentralized content storage with Lighthouse authentication and 1MB.io deliveryReal-time Sync: Supabase subscriptions for live updates across all connected clientsENS Profile System: Comprehensive identity management with fallback mechanismsHacky but Notable FeaturesWeb Intent Twitter Integration: Uses Twitter's web intent API to avoid CORS issues instead of direct API calls - opens Twitter in popup window for user authenticationHybrid Storage Strategy: Combines on-chain verification with off-chain performance optimization using multiple storage layersGas-Efficient Struct Packing: Manually packed structs to minimize storage costs (e.g., Post struct packs 5 fields into optimized storage slots)Account Abstraction: Custom implementation for gasless transactions using World App's infrastructureFallback Mechanisms: Multiple fallback systems for ENS resolution, image loading, and data fetchingProgressive Enhancement: Graceful degradation from Web3 features to traditional web functionalityData Flow ArchitecturePost Creation Flow:User uploads image → Lighthouse IPFS storageMetadata creation → Supabase + IPFSNFT minting → Smart contractReal-time sync → Supabase subscriptionsContent delivery → 1MB.io CDNCampaign Flow:Campaign creation → Smart contractRSVP with stakes → Contract escrowEvent execution → Off-chain trackingDAO voting → Smart contract verificationReward distribution → Automatic payoutAttestation generation → Cryptographic proofThe platform represents a sophisticated integration of multiple Web3 technologies to create a comprehensive social impact ecosystem that incentivizes genuine participation while maintaining decentralization and verifiability, with special focus on mobile accessibility through gasless transactions and optimal performance through strategic partner integrations.