Project Overview
ThreadHive is a next-generation community platform that reimagines social discussion through comprehensive gamification and unique brand identity. It demonstrates complete end-to-end product development—from strategic branding and visual design to full-stack implementation and production deployment. The platform combines modern social features with an advanced achievement system (WoolPath) featuring 200+ custom-designed badges across 6 rarity tiers, creating engaging user progression and retention. Technical highlights include client-side NSFW content detection using TensorFlow.js, real-time notifications via Firebase Firestore, rich text editing with Tiptap, and sophisticated moderation tools with granular role-based access control (owner, moderator, member, banned, shadowbanned). Built with Next.js 15, React 19, Tailwind CSS v4, and MongoDB Atlas, ThreadHive implements distributed state management combining Redux (authentication), Zustand (UI state), and TanStack Query (server state caching). Features include threaded discussions with visual connectors, multi-image post galleries with Vercel Blob storage, privacy-controlled SubHive communities (public, private, NSFW, official), JWT authentication with refresh tokens, and internationalization support (English/Spanish). The project includes complete custom branding—strategic naming (Thread + Hive), mascot design system with multiple contextual variations, and cohesive visual identity across all platform touchpoints. Optimized for performance with SSR, responsive design for all devices, smooth transitions via Framer Motion, and deployed on Vercel with CI/CD integration. A production-ready demonstration of modern full-stack development, product thinking, and design execution.
Key Features
Threaded Comments
Interactive comment system with nested replies, visual connectors between users, collapsing threads, and flexible sorting options.
Voting System
Upvote and downvote functionality on both posts and comments, encouraging community-driven ranking of content.
Subhive Communities
Independent communities with their own branding, privacy levels, member management, and moderation tools.
Rich Media Posts
Support for multi-image galleries, responsive embeds, and formatted text content inside posts.
Authentication and Roles
JWT-based authentication with role management for users, moderators, and admins to secure communities.
Real-Time Experience
Dynamic updates for votes, comments, and community stats without page reloads, enhancing engagement.
Framer Motion Animations
Smooth transitions and micro-interactions for a modern and polished user experience across the platform.
Session Caching
Smart sessionStorage caching for posts and communities, reducing load times and improving overall performance.