Opensource Orchestra

Problem Statement

Open Source Orchestra Portal - Hackathon Submission🎵 One-LinerA decentralized platform transforming how musicians connect and support each other in Web3 through a pure giving economy - no fees, no tokens, just music and community.🎯 Problem StatementThe current Web3 music landscape is dominated by speculation, tokenization, and rent-seeking platforms that extract value from artists. Musicians need authentic spaces to connect, perform, and receive direct support without intermediaries or financial gatekeepers.💡 SolutionThe Open Source Orchestra Portal creates a virtual concert hall where:Artists perform liveon an interactive digital stage with Twitch/Youtube streaming integrationMusicians queuein a visual "orchestra pit" waiting their turn to performFans gift directlyto artists via ETH with zero platform fees across 5+ chainsENS profilesprovide decentralized identity (artist.catmisha.eth)Community thrivesthrough a global donations feed and artist discovery🚀 Key InnovationsInteractive Stage Metaphor: Visual orchestra pit with clickable artist avatars positioned on music standsPure Giving Economy: 100% of donations go to artists - no monetization or tokenizationMulti-Chain Gifting: Seamless ETH transfers across Mainnet, Base, Optimism, Arbitrum, PolygonENS Integration: Subdomain-based musician profiles with customizable avatars, headers, and social linksLive Performance Hub: Real-time "Now Playing" tracking with integrated streaming🛠 Technical StackFrontend: Next.js 15, TypeScript, TailwindCSS v4, shadcn/uiWeb3: RainbowKit, wagmi, viem, Porto (universal accounts)Infrastructure: Turborepo monorepo, Bun runtimeBlockchain: Multi-chain support with ENS on mainnet📊 Impact & Traction✅ Live at 2 Devcon conferences✅ Deployed at 20+ ETH Global hackathons✅ Active community across Zuzalu-inspired gatherings✅ Zero fees collected - 100% community-owned🎪 What's NextMajor activation planned for Devconnect World FairIPFS integration for decentralized media storageEnhanced live performance featuresGlobal artist discovery network🌍 Why This MattersWe're proving that Web3 can enable human connection without financialization. By treating music as the shared language it's always been - not as an asset to monetize - we're building the cultural infrastructure for a more collaborative Ethereum ecosystem.🔗 LinksLive Demo: [your-deployment-url]GitHub: [github-repo]ENS: orchestra.eth (example)🏆 Hackathon FitThis project embodies Web3's original vision: decentralization, community ownership, and human coordination without rent-seeking intermediaries. We're not building another NFT platform - we're creating a space where musicians gather, perform, and support each other just as they have throughout human history, now enhanced by Ethereum's capabilities.The Open Source Orchestra: Where Web3 meets the timeless tradition of musicians gathering to create something beautiful together. No tokens. No fees. Just music.

Solution

How It's Made: Open Source Orchestra Portal🎵 Project OverviewThe Open Source Orchestra Portal is a decentralized Web3 platform that transforms how musicians connect and support each other through a pure giving economy. Built during ETH Global New Delhi 2025, this project embodies the spirit of collaboration and community-first development.Core TechnologiesFrontend StackNext.js 15with App Router for modern React developmentTypeScriptin strict mode for type safetyTailwindCSS v4for utility-first stylingshadcn/uicomponents built on Radix UI primitivesBunas the JavaScript runtime and package managerWeb3 IntegrationRainbowKitfor beautiful wallet connection UI with 50+ wallet supportwagmifor React hooks and Ethereum interactionsviemas the TypeScript-first Ethereum clientPortofor universal account support (next-gen Ethereum accounts)🌐 Multi-Chain Web3 ImplementationSupported NetworksWe implemented seamless multi-chain support across:Mainnet- Primary Ethereum network for ENSBase- Coinbase's L2 for low-cost transactionsZero-Fee Donation SystemOne of our most notable implementations is thezero-fee donation system. Unlike traditional platforms that take 5-30% cuts, we route 100% of donations directly to artists:🎯 ENS Integration & Custom L2 ContractsThe "Durin" PackageWe created custom smart contracts for ENS subdomain management on L2s, packaged as "Durin":L2Registry Contract (packages/durin/src/L2Registry.sol)contract L2Registry is ERC721, Initializable, L2Resolver { bytes32 public baseNode; uint256 public totalSupply; mapping(bytes32 node => bytes name) public names; mapping(address registrar => bool approved) public registrars; // Combined Registry, BaseRegistrar and PublicResolver functionality }Why Custom Contracts?Standard ENS contracts are gas-expensive on mainnetWe needed subdomain management (artist.opensourceorchestra.eth)Combined multiple ENS contract functions for efficiencyL2-optimized for cheaper transactionsENS Profile SystemArtists get decentralized profiles with:Custom subdomains:artist.opensourceorchestra.ethAvatar imagesstored on IPFS/ArweaveHeader bannersfor visual brandingSocial links(Twitter, Instagram, SoundCloud)Text recordsfor bio and contact infoImplementation inapps/web/src/components/ens/SubdomainRegistration.tsx:const registerMutation = useRegisterSubdomain(); const setPrimaryMutation = useSetPrimaryName(); // Two-phase registration process: // 1. Register subdomain on L2 // 2. Set as primary name for reverse resolution🎨 UI/UX InnovationInteractive Orchestra Pit VisualizationOne of our most unique features is theinteractive orchestra pitwhere musicians appear as avatars on music stands:// 3D card effects for musician avatars export function CardContainer({ children, className, containerClassName }: { children: React.ReactNode; className?: string; containerClassName?: string; }) { const containerRef = useRef<HTMLDivElement>(null); // Mouse tracking for 3D transform effects const handleMouseMove = (e: React.MouseEvent<HTMLDivElement>) => { // Calculate rotation based on mouse position // Apply 3D transforms for interactive feel }; }Global Donations FeedReal-time donation tracking across all artists:export function GlobalDonationsFeed() { const { data: donations } = useDonations(); return ( <div className="space-y-4"> {donations?.map((donation) => ( <DonationCard key={donation.id} artist={donation.artist} amount={donation.amount} timestamp={donation.timestamp} /> ))} </div> ); }Theme SystemDark/light mode support usingnext-themes:// apps/web/src/components/providers/theme-provider.tsx export function ThemeProvider({ children, ...props }: ThemeProviderProps) { return <NextThemesProvider {...props}>{children}</NextThemesProvider>; }🔧 Notable Technical Decisions & Hacks1. Porto Universal AccountsDecision: Integrate Porto for next-gen account supportWhy: Prepares for Account Abstraction future, better UX for non-crypto usersImplementation:// Simple one-line integration Porto.create();2. File UploadHack: Direct browser uploads to S3 (o3) for artist contentimport { S3Client, PutObjectCommand } from "@aws-sdk/client-s3"; import { getSignedUrl } from "@aws-sdk/s3-request-presigner"; // Generate presigned URLs for direct uploads const uploadUrl = await getSignedUrl(s3Client, putCommand, { expiresIn: 3600 });🎪 Unique Features & Innovations1. Zero-Fee ArchitectureInnovation: No platform fees, no tokens, no speculationImplementation: Direct wallet-to-wallet transfersImpact: Artists keep 100% of donations2. Interactive Stage MetaphorInnovation: Visual orchestra pit with clickable musician avatarsImplementation: CSS transforms + React state managementImpact: Makes Web3 interactions feel natural and musical3. ENS-First IdentityInnovation: Every artist gets a .eth subdomainImplementation: Custom L2 contracts for cheap subdomain mintingImpact: Decentralized identity without high gas costs🌟 Partner Technology BenefitsENS IntegrationBenefit: Decentralized identity and human-readable addressesImplementation: Custom L2 contracts for affordable subdomainsImpact: Artists get professional web3 identityBase L2 IntegrationBenefit: Low-cost transactions for donations and profile updatesImplementation: Multi-chain wagmi configurationImpact: Makes micro-donations economically viable🎯 Hackathon-Specific Hacks1. Rapid Prototyping with shadcn/uiUsed pre-built, accessible components to focus on Web3 functionality rather than building UI from scratch.2. Mock Data for DemoCreated realistic mock data for donations feed and artist profiles to demonstrate the full user experience.3. Progressive Web3 EnhancementBuilt the app to work without wallet connection first, then enhance with Web3 features - better for demos and user onboarding.🎵 Community Impact & FutureReal-World UsageLive deploymentsat 2 Devcon conferencesCommunity eventsat 20+ ETH Global hackathonsZero platform feescollected - truly community-ownedOrganic growththrough musician word-of-mouthTechnical RoadmapIPFS integrationfor decentralized media storageLive streamingintegration with WebRTCGlobal discoveryalgorithm for artistsMobile appwith React NativePhilosophyWe're proving that Web3 can enable human connection without financialization. Music has been a shared language since the beginning of civilization - we're just adding the infrastructure to help musicians connect across the decentralized web.Built with ❤️ during ETH Global New Delhi 2025As seen in previous ETH Global Hackathons and Devcons, The Open-Source Orchestra can be activated by having a space in Ethereum gatherings where instruments are accesisble and permission-less to "Play IT together"The Open Source Orchestra: Where Web3 meets the timeless tradition of musicians gathering to create something beautiful together. No tokens. No fees. Just music.