The Unspoken Project

Infinite-canvas social wall for anonymous messages

4000x4000

Canvas Space

Konva.js

2D Engine

Supabase

Database

GitHub Pages

Hosting

An interactive virtual canvas where anyone can pin anonymous notes paired with emotion emojis. Built with React and Konva.js so users can pan and zoom across a massive 4000x4000 canvas without render lag.

Data flow simulation● OK

KONVA 4000x4000

SUPABASE NOTES SYNC

ReactViteKonva.jsreact-konvareact-zoom-pan-pinchSupabasePostgreSQL

Engineering notes

// 01Built a 4000x4000 coordinate canvas with React-Konva, keeping pan and zoom smooth as notes pile up.

// 02Used react-zoom-pan-pinch with velocity damping for natural mousewheel and trackpad navigation.

// 03Stored notes in Supabase PostgreSQL, letting users write anonymous thoughts tagged with emotion-coded emojis.

// 04Set up automated CI/CD deployment to GitHub Pages via GitHub Actions.

Prev: VaultPay Next: Velora