gabrin / example-react-js

Example Tinode web chat using React

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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.

Although the app is generally usable, keep in mind that this is work in progress. Some bugs probably exist. 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, links or docs.
  • 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.
  • Emoji support is weak.

Responsive design

Desktop screenshot

Desktop web: full app

Mobile screenshots

Mobile web: contacts Mobile web: chat Mobile web: topic info Mobile web: start new chat

About

Example Tinode web chat using React

License:Apache License 2.0


Languages

Language:HTML 74.3%Language:CSS 13.8%Language:JavaScript 11.9%