Chum Chat

Live messaging app

LIVEDemo only, register with throwaway credentialsLive site

A realtime chat application with accounts, a friend system and live message delivery. Built to learn how far Firestore's realtime listeners and security rules go on their own, with no server in between.

Chum Chat

Highlights

messaging instant delivery over Firestore listeners
receipts read state per message, tracked with the Intersection Observer API
friends requests, accepts and management
presence online indicators and unread badges
rules NoSQL data protected at the database, not in the client

Built with

Vue 3 with the Composition API, Firebase (Firestore and Auth), deployed on GitHub Pages.