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 possibly newer or older version live at https://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:15am 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

Previews not generated for videos, audio or other docs.
Cannot delete messages.
No indication of some chat statuses (muted, blocked, etc.).
Browser push notifications are not implemented.
No end-to-end encryption.
Editing chat permissions is incomplete.

README.md

Single-page chat with Tinode

Missing functionality

Responsive design

Desktop screenshot

Mobile screenshots