Live demo

Group Chat Demo: The Chat App for the Moderation Dashboard

Try these · any order

Done: 0/9
  • To do: Send a Chat Message

  • To do: Send a Message with an Emoji

  • To do: Change the Theme

  • To do: Leave a Channel

  • To do: Select '+' to Add a New Channel

  • To do: Switch to a New Channel

  • To do: Scroll to & Select '+' to Add a 1:1 Chat

  • To do: Switch to a new 1:1 or Group Chat

  • To do: Leave a 1:1 or Group Chat

Build it yourself

See how this app is built

The source of this app is open, but React Chat Components are deprecated and the repository is archived. For a new chat app, start with the Chat SDK.

GitHub

pubnub/react-chat-components (archived)

The app is in samples/react/group-chat. Add your keys to samples/.env, run yarn and yarn run setup to add sample users and channels, then yarn run start.

git clone https://github.com/pubnub/react-chat-components.git
View on GitHub