Product design · Full-stack · 2026
Realtime ChatA conversation, built in real time.
A reusable messaging layer for digital products where authenticated users need to communicate instantly.
Try the live demo ↗I designed and built the complete system — interface, real-time messaging, presence, authentication, access control and deployment.
The same conversation in light and dark mode — your messages on the right, everyone else’s on the left.
Built to live inside other products
The chat is designed as a flexible communication component rather than a standalone social network.
It can support conversations between buyers and sellers, customers and providers, community members, collaborators or any other participants inside a digital product.
The context changes. The core needs remain the same: identity, presence, instant delivery and controlled access.
What I built
Realtime messaging
Messages appear instantly without reloading.
Presence
Participants can see who is currently online.
Passwordless access
Users sign in through a one-time email code.
Database-level security
Authorship, timestamps and access rules are enforced through Postgres RLS.
Automatic retention
Messages can expire automatically based on product requirements.
Small signals make a conversation feel alive: a typing indicator, delivery confirmation and a first message that invites people to write.
Try it
The public demo runs entirely in the browser, so nothing is stored.
The complete implementation adds authenticated users, persistent real-time communication, database access rules and automated message retention.
Stack
Front-end
React · Vite
Back-end
Supabase · Postgres · Realtime
Infrastructure
Hetzner · Caddy · Self-hosted