Heart-Board World

A living, breathing node-map of things left unsaid. Heart-Board World is a digital archive for missed connections—a space to digitize those moments we didn't capture: a glance in the library, a conversation cut short at the station, or any connection that slipped away.

What It Does

• Submit Messages: Share your missed connection story with context (who, where, what happened)
• Interactive Network: Messages appear as glowing nodes on a dynamic, golden-ratio spiral canvas
• Real-time Updates: New messages broadcast instantly to all connected users
• Content Moderation: AI-powered moderation ensures messages fit the platform's mood
• Infinite Canvas: Drag, pan, zoom, and explore the growing network of human connections

How It Works

1. Frontend: Interactive web interface built with HTML/CSS/JavaScript + Tailwind CSS
2. Backend: Supabase PostgreSQL database stores all missed connections
3. Visualization: Nodes are organized using golden spiral geometry with animated circuit-line connectors
4. Moderation: Vercel serverless function (/api/moderate.js) filters content before storage
5. Real-time Sync: Supabase channels push new messages to active users instantly

Stack

• Frontend: Vanilla JavaScript, Tailwind CSS, Supabase JS client
• Backend: Supabase PostgreSQL, Vercel API functions
• Features: Touch support, zoom/pinch gestures, real-time database sync