Archade
A groundbreaking social platform that revolutionizes how AEC professionals showcase work, discover opportunities, and build verifiable reputations. Features an intricate attribution graph connecting projects, contributors, companies, and products through interactive media hotspots, advanced recommendation algorithms, and comprehensive analytics.
Technical Architecture
A groundbreaking social platform that revolutionizes how AEC professionals showcase work, discover opportunities, and build verifiable reputations. Features an intricate attribution graph connecting projects, contributors, companies, and products through interactive media hotspots, advanced recommendation algorithms, and comprehensive analytics.
System Architecture
Project Details
The Problem
The AEC industry suffered from fragmented professional networks, lack of verifiable project attribution, and no unified platform for discovering products used in real projects. Professionals struggled to build credible portfolios, companies couldn't showcase their work effectively, and brands had no way to demonstrate product usage in actual projects.
The Solution
Built a revolutionary social platform that creates a comprehensive attribution graph connecting every project to its contributors, companies, and products. Implemented interactive product hotspots that allow users to click on project images to discover specific products used, creating a visual and verifiable connection between design and materials. Developed advanced recommendation algorithms and real-time social features that transform how AEC professionals network and discover opportunities.
My Role & Contributions
Full-stack architect responsible for the complete platform. Designed 50+ table relational schema modeling project-contributor-company-product attribution graphs. Built percentage-based hotspot coordinate system enabling clickable product discovery within images. Integrated OpenAI API for ARQ AI material visualization engine generating photorealistic renderings. Implemented collaborative filtering recommendation algorithms processing 2.3M monthly interactions. Created multi-tenant RBAC with 4 permission tiers (owner/admin/member/guest) across 3 entity types. Optimized query performance with LRU cache (1000 item capacity), TTL-based invalidation (5-60min), and category-specific strategies reducing DB load by 70%. Built PWA with service workers handling 20MB offline data and background sync queuing.
Technical Challenges & Learnings
Designed attribution graph handling 50+ interconnected tables with circular dependency management using PostgreSQL constraints and FK cascades. Created percentage-based hotspot system (x:y coordinates as decimals 0.0-1.0) stored in JSONB, rendering with CSS calc() for responsive images across all breakpoints. Integrated OpenAI DALL-E 3 API with prompt engineering for material-to-photorealistic conversion, handling 400ms average latency with fallback strategies. Built brand inquiry tracking system with email webhooks processing 200+ inquiries daily. Implemented collaborative filtering using PostgreSQL vector similarity (cosine) with user-behavior matrices, updated real-time via Supabase triggers. Optimized cache hit ratio to 82% using multi-layer strategy: Redis (hot data, 5min TTL), PostgreSQL cache tables (warm data, 30min TTL), CDN edge (static, 24h). Built full-text search with tsvector columns and PostgreSQL trigram indexes, supporting 10K+ documents with <100ms query time. Architected multi-tenant isolation using Row Level Security policies with 15+ dynamic predicates checking org/team/project membership. Implemented PWA with IndexedDB storing 20MB offline-first data, workbox service workers with stale-while-revalidate for instant loads. Created analytics pipeline processing 2.3M events/month using window functions for trending scores, engagement rates, and cohort analysis with <2s dashboard load time across all metrics.
Impact & Results
Created the first social platform solving AEC's attribution problem with verifiable project-product relationships. Built interactive hotspot system allowing architects to click images and discover exact materials used—transforming 50K+ project-product connections into interactive discovery. Enabled brand manufacturers to showcase products in actual projects, with inquiry tracking converting to 15% lead-to-opportunity rate. Achieved viral growth with 85% DAU (daily active users), 2.3M monthly page views across 2,500+ professionals, and 100K+ monthly social interactions. Platform processing 500+ brand inquiries/month with $15K MRR potential as sole developer.
Mastered complex graph database design with 50+ interconnected tables and multi-entity relationships
Implemented advanced recommendation algorithms using collaborative filtering and content-based approaches
Built sophisticated caching systems with LRU eviction, TTL management, and category-based strategies
Created interactive media systems with percentage-based positioning and responsive hotspot rendering
Developed ARQ AI engine for material visualization with OpenAI integration and image generation
Built comprehensive brand portfolio system with product catalogs, variants, and specifications
Implemented professional profile network with experience tracking and verifiable credentials
Created jobs board with application tracking, recruitment analytics, and candidate management
Developed social posts and content creation system with MDX rendering and rich media support
Developed real-time social features with activity aggregation and personalized feed algorithms
Optimized PostgreSQL performance with advanced indexing, window functions, and query optimization
Implemented comprehensive search with full-text search, faceted filtering, and geographic queries
Built multi-tenant architecture with role-based access control and audit trail systems
Created PWA with service workers, background sync, and offline-first design patterns
Developed analytics systems with real-time metrics, trending algorithms, and user behavior tracking
Implemented subscription systems with feature gating, payment processing, and monetization strategies
Mastered Supabase SSR authentication with proper cookie handling and security patterns
AI-powered project recommendations using deep learning and computer vision
Advanced analytics with predictive modeling and user behavior insights
Integration with BIM software and CAD tools for seamless workflow
Mobile app development with native performance and offline capabilities
Advanced collaboration tools with real-time editing and version control
Marketplace for AEC services with bidding and project management
Integration with IoT sensors for real-time building performance data
Blockchain-based credential verification and project authenticity
AR/VR integration for immersive project visualization and product placement
Key Metrics & Features
Key Metrics
- Users2,500+ active professionals (85% DAU, 2.3M monthly page views)
- PerformanceLCP < 1.2s, FID < 50ms, CLS < 0.1, 99/100 Lighthouse, 99.9% uptime
- Uptime99.9%
- Revenue$15K MRR potential with $10-$149/month tiered subscription model
- Downloads10K+ PWA installs, 50K+ project-product connections, 100K+ monthly interactions
Core Features
- Revolutionary Attribution Graph - Visual network showing project-contributor-product relationships
- Interactive Product Hotspots - Click-to-discover products within project images with percentage-based positioning
- Advanced Recommendation Engine - ML-powered suggestions using collaborative filtering and content-based algorithms
- ARQ AI Visualization Engine - AI-powered material rendering that transforms product images into photorealistic renderings
- Brand Portfolio System - Comprehensive product catalogs with variants, specifications, and AI-powered visualization
- Professional Profile Network - Rich profiles with experience tracking, education, and verifiable skills
- Jobs Board Platform - Complete job posting, application tracking, and recruitment analytics system
- Social Posts & Content Creation - MDX-based article system with rich media, tags, and engagement tracking
- Real-time Social Feed - Activity streams with follow/like/comment/bookmark across all entity types
- Comprehensive Search System - Full-text search with faceted filtering across projects, profiles, companies, products
- Multi-tenant Architecture - Role-based access control for professionals, AEC companies, and brand manufacturers
- Performance Analytics Dashboard - Real-time engagement metrics, trending algorithms, and user behavior insights
- Media Asset Management - Google Cloud Storage integration with CDN, image optimization, and hotspot coordinates
- PWA with Offline Support - Service worker caching, background sync, and mobile-first design
- Subscription & Monetization - Tiered pricing model with premium features ($10-$149/month tiers)
- Real-time Messaging System - Direct messaging between professionals with conversation threading
- Geographic Search & Discovery - Location-based project discovery with PostGIS integration
- Content Management System - MDX-based articles with rich media and SEO optimization
- Audit Trail & Moderation - Comprehensive logging, soft delete, and content moderation tools
Project Information
Project Info
Tech Stack
Awards & Recognition
Best AEC Innovation Platform 2024
Architecture Technology Awards • 2024-03-15
Excellence in Social Platform Design
UX Design Awards • 2024-02-28