Subscribe
Subscribe to Email updates

Please use a valid email address.

SendBird's
Privacy Policy.
Search
Sample Website for Chat API and Web JavaScript SDK
Share

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 Battle.net 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 Twitch.tv 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
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
HARRY KIM
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
CHRIS HEO
Software Engineer - Applications
How to build an Android chat app using a chat API, Part 2: Channel List
1.0 Introduction In our earlier tutorial, we covered how to create a basic chat application that allowed you to login to SendBird with a user and to chat in a preset channel.
ROMMEL SUNGA
Solutions Engineer
© SendBird 2019. All rights reserved.
Follow us