Chat Demo: Group and 1:1 chat built with the PubNub Chat SDK
Try these · any order
Done: 0/14To do: Login
To do: Send a Chat Message
To do: React to a message (Emoji)
To do: Open a Message's Thread
To do: Pin a Message
To do: Quote a Message
To do: Open your Profile Settings
To do: Open the Chat Settings
To do: Create a new Private Group
To do: Change the Private Group name
To do: Create a new 1:1 (Direct) Chat
To do: @Mention another User
To do: #Reference a Channel
To do: Leave a Private Group
Run your own Chat demo
Clone the app, add your own keys, and run it locally. The README explains each Chat SDK feature the demo uses.
GitHub
PubNubDevelopers/Chat-SDK-Demo-Web
The complete source. Enable App Context and Message Persistence on your keyset, add your keys to .env, then run yarn install and yarn dev in chat-sdk-demo-web.
git clone https://github.com/PubNubDevelopers/Chat-SDK-Demo-Web.gitYou might want to build next...
- In-App Chat
Real-Time Customer Support Demo
Log in as a support agent or as a customer and see how support chat, bot-to-agent handoff, and case management work in real time. Built with React and the PubNub Chat SDK.
- In-App Chat
Moderation Dashboard
Moderate a chat app from one dashboard. Filter text and images before they are published, review messages, and flag or ban users. Open source, built with React and the PubNub JavaScript SDK.
- Virtual Events
Live Streaming Demo
Create a stream as the host, open the viewer link, and chat with your audience next to the video. Viewers can report messages and users to the host. Built with Next.js and the PubNub Chat SDK.
