Example using Tinode to build a single-page chat application. The app uses React, Google's material design fonts and icons. The Tinode javascript library has no external dependencies. Overall it's a lot like open source WhatsApp or Telegram web apps.

This is work in progress. Bugs are expected. The app was tested in the latest Chrome & Firefox only.

Try it (possibly older version) live at http://api.tinode.co/x/example-react-js/. Login as one of alice, bob, carol, dave, frank. Password is <login>123, e.g. password for alice is alice123. You can discover other users by email or phone by prefixing them with email: or tel: respectively. Emails are <login>@example.com, e.g. alice@example.com, phones are 17025550001 through 17025550009. The demo is reset every night at 2:15 am Pacific time.

License: Apache 2.0

Sample avatar photos from https://www.pexels.com/ under CC0 license.

Background pattern from http://subtlepatterns.com/, commercial and non-commercial use allowed with attribution.

Missing functionality

Cannot send images or other media.
No typing indicators.
No indication of chat status (muted, blocked, etc.).
Long polling as a wire transport does not work.
Browser push notifications are missing.
No encryption.
Editing chat permissions is incomplete.

README.md

Single-page chat with Tinode

Missing functionality

Responsive design

Desktop screenshot

Mobile screenshots