2.0 KiB
Single-page chat with Tinode
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.
- Cannot delete messages.
- No typing indicators.
- No indication of chat status (muted, blocked, etc.).
- Browser push notifications are missing.
- No encryption.
- Editing chat permissions is incomplete.
Responsive design
Desktop screenshot
Mobile screenshots
