The First Truly Decentralized Live Streaming & Content Platform
DecentraSpace revolutionizes content creation by combining live streaming, content uploads, and creator monetization through blockchain technology. Built on Ethereum with Huddle01's decentralized video infrastructure, it eliminates platform censorship and gives power back to content creators.
- 🔒 Web3 Authentication - Wallet-based identity with MetaMask
- ⛓️ Blockchain Verified - All data stored on Ethereum smart contracts
- 🎥 Decentralized Video - Powered by Huddle01's peer-to-peer network
- 📊 Real-time Updates - Live dashboard with blockchain synchronization
- 👤 Creator Profiles - Customizable profiles with bio, category, and earnings tracking
- 📤 Content Upload - Upload videos, images, and documents (MP4, WebM, OGG, JPG, PNG, GIF, PDF)
- 💰 Tip System - Direct ETH tips to creators and individual content pieces
- 🎬 Live Streaming - Create and host decentralized live rooms
- 📈 Earnings Dashboard - Track total earnings and content performance
- 🔍 Discover Creators - Browse and search creators by name, bio, or wallet address
- 🏷️ Category Filtering - Filter by Technology, Art, Gaming, Education, etc.
- 📊 Trending System - Discover popular creators and content
- ❤️ Favorite System - Save favorite creators for quick access
Empowering Creators Through Web3 - The main landing page with wallet connection
Detailed creator profile showing content, earnings, and wallet information
Simple drag-and-drop interface for uploading various content types
Browse and search through amazing creators with category filters
Easy room creation with title, description, and category selection
- ⚛️ React 18 with TypeScript
- 🎨 Tailwind CSS for responsive design
- 🔗 ethers.js for Web3 integration
- 📱 Lucide React for modern icons
- 🚀 Vite for fast development
- 📤 File Upload support for multiple formats
- 🟢 Node.js with Express
- ☁️ Vercel Serverless functions
- 🎯 Huddle01 SDK for video infrastructure
- 💾 IPFS Integration for decentralized storage
- 🔐 Environment-based configuration
- ⛓️ Ethereum smart contracts (Solidity)
- 🧪 Sepolia Testnet for development
- 🦊 MetaMask wallet integration
- 📝 Hardhat for contract deployment
- 💎 ETH Tipping system on-chain
- 🎥 Huddle01 decentralized RTC network
- 📦 IPFS for content storage
- 🔒 End-to-end encryption
- ⚡ Real-time streaming capabilities
- Node.js 18+
- MetaMask browser extension
- Sepolia ETH for transactions (get from faucet)
git clone https://github.com/AbhiXverse/DecentraSpace.git
cd DecentraSpace# Install frontend dependencies
npm install
# Install backend dependencies
cd backend
npm install
cd ..Terminal 1 - Backend Server:
cd backend
node server.jsTerminal 2 - Frontend Development:
npm run dev- Frontend: http://localhost:5173
- Backend Health: http://localhost:3001/api/health
- Connect MetaMask wallet (Sepolia testnet)
- Automatic profile creation with wallet address
- Customize bio, category, and display name
- Track content uploads and total earnings
- View detailed wallet information
- Supported Formats: MP4, WebM, OGG, JPG, PNG, GIF, PDF, DOC
- Max File Size: 100MB
- Metadata: Title, description, category
- Blockchain Storage: Content hash stored on-chain
- IPFS Upload: Actual files stored on IPFS
- Instant Publishing: Content immediately available
- Search Options:
- By creator name
- By bio keywords
- By wallet address
- Filters:
- Category (Tech, Art, Gaming, Education, etc.)
- Trending creators
- Most recent
- Highest earnings
- Creator Cards: Show profile pic, bio, content count, earnings
- Tip Creators: Send ETH directly to creator wallets
- Tip Content: Support specific content pieces
- On-chain Transactions: All tips recorded on blockchain
- Instant Settlement: Creators receive tips immediately
- Transparent History: All transactions viewable on Etherscan
- Create Rooms: Set title, description, and category
- Huddle01 Integration: Decentralized video infrastructure
- Real-time Dashboard: See active streams and participants
- Join with One Click: Easy access to live rooms
- No Central Servers: Fully peer-to-peer streaming
- Update Profile: Change bio, category, display name
- Content Management: View and manage uploaded content
- Earnings Tracking: Monitor tips and total earnings
- Analytics: See content performance metrics
- Export Data: Download your data anytime
// Upload content metadata
function uploadContent(string memory contentHash, string memory metadata)
// Get creator's content
function getCreatorContent(address creator) returns (Content[] memory)
// Update content metadata
function updateContent(uint256 contentId, string memory newMetadata)// Tip a creator
function tipCreator(address creator) payable
// Tip specific content
function tipContent(uint256 contentId) payable
// Update creator profile
function updateProfile(string memory bio, string memory category)
// Get creator statistics
function getCreatorStats(address creator) returns (Stats memory)- Wallet Connection: Connect MetaMask on Sepolia testnet
- Profile Creation: Set up creator profile with bio
- Content Upload: Test uploading different file types
- Creator Discovery: Search and filter creators
- Tipping System: Send test tips to creators/content
- Live Streaming: Create and join live rooms
- Profile Updates: Modify profile information
# Test backend health
curl http://localhost:3001/api/health
# Test room creation
curl -X POST http://localhost:3001/api/create-room \
-H "Content-Type: application/json" \
-d '{"title":"Test Room","hostAddress":"0x...","description":"Test"}'
# Test content upload
curl -X POST http://localhost:3001/api/ipfs/upload \
-F "file=@test-video.mp4" \
-F "title=Test Video" \
-F "description=Testing upload"- Combined Platform: Live streaming + content uploads + tipping in one place
- True Ownership: Creators own their content and audience data
- No Middlemen: Direct creator-to-audience relationships
- Transparent Earnings: All transactions visible on blockchain
- Censorship Resistant: No central authority can remove content
- Content Censorship: Decentralized storage prevents takedowns
- Payment Delays: Instant ETH settlements
- Data Ownership: Creators control their audience data
- Algorithm Bias: Transparent discovery system
- NFT Integration: Mint content as NFTs
- Subscription Tiers: Monthly creator subscriptions
- DAO Governance: Community-driven platform decisions
- Multi-chain Support: Expand to Polygon, Arbitrum
- Mobile Apps: iOS and Android applications
- Advanced Analytics: Detailed creator dashboards
- Collaboration Tools: Multi-creator streams
- Connect Wallet: Use MetaMask to sign in
- Set Up Profile: Add bio, select category
- Upload Content: Share videos, images, documents
- Go Live: Start streaming to your audience
- Earn Tips: Receive ETH directly from supporters
- Discover Creators: Browse by category or search
- Watch Content: Access uploaded videos and documents
- Join Live Streams: Participate in real-time
- Support Creators: Send tips to favorites
- Save Favorites: Build your creator list
Abhishek Soni
- GitHub: @AbhiXverse
- Email: abhishek2404soni@gmail.com
- Project: DecentraSpace - Decentralized Content & Streaming Platform
- Huddle01 - For providing decentralized video infrastructure
- Ethereum - For blockchain foundation and smart contracts
- IPFS - For decentralized content storage
- Vercel - For seamless deployment and hosting
- MetaMask - For Web3 wallet integration
- Open Source Community - For amazing tools and libraries
Built with ❤️ for the decentralized future of content creation