PostHub

Demo

About

**PostHub** is a Web2-style consumer content app powered by Web3 infrastructure. It is designed for people to share **real, trustworthy, and media-rich guides** to solve everyday life problems — like buying SIM cards abroad, using public transport in a foreign country, finding non-touristy restaurants, or completing everyday tasks that aren’t easily explained by search engines or AI. Unlike AI or search engines that generate generic, spam-prone, or sometimes false results, PostHub puts real humans back at the center of everyday knowledge sharing. Users create posts with **markdown-formatted text, images, and videos**, explaining solutions in a clear and engaging way. Each post can be **liked, starred, commented on, and tipped** using crypto — encouraging authentic content that actually helps. To further incentivize quality posts, every week, PostHub calculates the **top 5 most liked/starred posts** and randomly selects one winner using **Flow VRF (Verifiable Random Function)**. The winner receives a **500-token reward**, creating a fair and gamified ecosystem that encourages contribution. ### 🔑 Key User Features: * **Helpful post creation**: Markdown + media support. * **Likes and stars**: Social proof and ranking. * **Crypto tipping**: Send stablecoins as appreciation. * **Weekly rewards**: One post out of top 5 wins 500 tokens. * **Commenting system**: Includes image-based replies. * **POAP badges**: Users can attach collectible badges to experiences. ### 👥 Personalized User Experience: PostHub ensures that every user has a **custom-tailored experience** based on their age, gender, and country — collected optionally via Self.xyz. For example: * Under 18: No adult or gambling content shown. * Over 55: Interface scales up for accessibility (larger fonts). * From sanctioned countries: Can browse but not send/receive gifts (crypto). * Gender: Used to fine-tune content recommendations. Despite these controls, PostHub is **inclusive**: even if users skip customization, they can still use the platform with limited functionality. > PostHub’s mission is simple: **Bring back real, human-centric trust to everyday knowledge** — and reward those who help others.

How it's made

PostHub is architected to combine the **smooth experience of a Web2 consumer app** with the **integrity, verifiability, and incentivization of Web3**. Every component is designed to feel natural to average users — even those who don’t know what blockchain is — while leveraging blockchain under the hood for **trust, traceability, and fair rewards**. --- ### 🔗 **Flow Blockchain** PostHub uses **Flow** for: * ✅ **On-chain metadata**: * Each post’s title, timestamp, user hash, and other identifiers are stored immutably on-chain. * This proves authorship, prevents tampering, and enforces accountability (you can’t deny what you posted). * 🎰 **VRF (Verifiable Random Function)**: * Weekly, the top 5 posts (based on likes and stars) are entered into a fair draw. * Flow’s VRF selects one post to receive a **500-token reward**. * Ensures **provable fairness** in community incentives. * 💸 **Token handling**: * Users can send **mock stablecoins** (e.g., USDC) as tips. * Posts that resonate with others become income-generating content. --- ### 🆔 **Self.xyz** PostHub uses **Self.xyz** to collect optional user data in a **verifiable yet user-friendly** way: * 🧒 **Age**: Determines access to sensitive content (no 18+ material for minors). * 🌍 **Country**: Users from restricted regions can browse but not send/receive crypto gifts. * 🚻 **Gender**: Used to improve content recommendations (e.g., makeup vs. automotive posts). > This enables **12 distinct user types**, each with tailored UX — yet ensures **no user is fully excluded**. --- ### 🔐 **Privy** Privy powers **authentication and identity** on PostHub: * 🔓 **Email-based login** for Web2 users (no crypto wallet required). * 🪙 **Wallet login** for crypto-native users. * 🔄 **Non-custodial identity** that can be verified later — you can skip identity setup and come back anytime. This ensures **seamless onboarding**, whether you’re crypto-savvy or completely new. --- ### 🗄️ **Supabase (Off-Chain Storage)** PostHub uses **Supabase** for: * 📦 Storing post content (markdown, media files) * 🔍 Indexing for full-text search and filtering * 🤖 Feeding recommendation algorithms * 💬 Managing comments, reactions, and notifications Posts are stored off-chain to **ensure speed and cost-efficiency**, while critical metadata is hashed and stored on-chain. --- ### 🖥️ **Front-End Experience** PostHub’s front end is built using **Next.js (React)** and designed with a **mobile-first, creator-friendly UX**: * 📱 Feed-based browsing, familiar to TikTok, Xiaohongshu, and Reddit users * ✍️ Markdown editor with media upload for easy post creation * 🖼️ Comments with images (replies with visual proof) * 🛠️ Customizable profile page (likes, stars, badges, ENS name) * 📩 Notification center (for POAPs, comments, tipping alerts, reward wins) > Everything looks and feels like a familiar Web2 app — but trust, rewards, and accountability come from Web3. --- ## 🧩 Summary: Why PostHub Matters | Feature | Purpose | | ---------------------------- | ------------------------------------------------------------ | | **Posts by real people** | Solves real-life problems with authentic experiences | | **Custom experience (Self)** | Personalizes the app by age, gender, and country | | **Onboarding (Privy)** | Login with email or wallet — easy for all users | | **Crypto rewards (Flow)** | Incentivizes quality content with weekly draws and tipping | | **On-chain metadata** | Proves authorship and deters disinformation | | **Web2 UX, Web3 engine** | Abstracts away blockchain complexity for mainstream adoption |