WatchMyBack Chat
A chat panel that sits inside a host website and talks to the same backend as the mobile app, so a conversation started on the web continues on the phone.
Highlights
A chat that lives inside another website
The panel is embedded in a host site and receives the visitor's session from it, so there is no second login.
Messages arrive live
New messages and online status come over WebSockets, and the same conversation is open in the mobile app.
History that removes itself
A visitor can set their messages to disappear after a chosen time, and either side can clear, block or favourite a conversation.
Everything it does
- Conversation list with search and unread markers
- Live messages over WebSockets, with online and offline status
- Favourite, block and clear a conversation
- Blocklist to review and undo blocks
- Auto-burn, which hides chat history after a set time
- Sign-in handed over by the host website, with no separate login
- Seven languages, the same set as the mobile app
Specifications
- Role
- Front-end developer
- Platform
- Web app
- Period
- 2026
- Runs in
- Any website, as an embedded panel
- Real-time transport
- WebSockets through Laravel Echo
- Automated tests
- Playwright, mocked and against the live QA backend
- Stack
- ReactTypeScriptViteTanStack QueryLaravel EchoWebSocketsPlaywright