Subscribe to Email updates

Please use a valid email address.

Privacy Policy.
Sample Website for Chat API and Web JavaScript SDK

Sample Website for Chat API and Web JavaScript SDK

Feb 07, 2016

We've been getting a lot of inbound inquiries about a demo product, so here it is: a sample website showcasing the features of SendBird's chat API powered by our own Web JavaScript SDK.

SendBird's Chat API Sample Website

We provide two types of channels through our chat API: 1) Open Chat Channels (public chat rooms) and 2) Messaging Channels (private messaging and group messaging), and you will be able to test out both features on the sample website.

SendBird's Chat API Features

The sample website's source code is open-sourced, so feel free to check it out and play around with it. The sample app's code comes with the both examples of Open Chat Channels and Messaging Channels using the chat API.

Open Chat Channels BrowserYou can use open chat channels to create public chat rooms for community apps and games. Think of it like Slack's channels or for games. These kind of channels function as a chat room where people can join as they wish. You can hide them from the list to make it look private for certain use cases.

You can create as many channels as you want if you want to partition your users since having too many people chatting at once will make it literally impossible to read. So if you have plans to build something like with hundreds of thousands of concurrent users, you should definitely consider partitioning for these kind of open chat rooms.

Please note that even though the demo website is using full-screen, it does not mean chat rooms can only be made this way: You can modify it to function in a widget-like form for your website, similar to Facebook messenger on your desktop or Olark.

Build Messaging Widgets for Your Website Using SendBird Chat API

If you are not building something like Slack, widget-like user interface will help your users focus on the core content of the website while still being able to engage the conversations with other users on your app. This is also true for web-based games.

Let us know if you have any questions or feedbacks while using our chat API or the sample website. :)

We're Hiring!
Help SendBird build the world's no. 1 messaging platform
We're Hiring!
Help SendBird build the world's no. 1 messaging platform
Related articles
Migrating chat made easy with Sync Server
Introduction Part of the challenge of migrating from one chat provider to another is not having a live migration solution ready. Building a live migration solution can be cost
Solutions Engineer
Don't try this at home: Why software engineers shouldn't build chat in-house
Before I helped co-found SendBird as the Chief Technology Officer, I built chat as a feature for two products. Both were consumer apps for families that required a real-time s
Chief Technology Officer
Extreme Optimization of AsyncStorage in React Native
 AsyncStorage is a unique built-in feature for storing data in React Native and a good way to store simple key-value data. To make the SendBird SDK less dependent on other pac
Software Engineer - Applications
© SendBird 2019. All rights reserved.
Follow us