Tutorials: Chat

Tutorials

Securing a Chat App With React and Auth0

In this tutorial, we will build a chat application that’ll allow users to participate in a group discussion similar to how channels work in Slack. We’ll handle user authentication, and management using Auth0’s Authentication-as-a-Service solution that allows developers to add aut…

Tutorials

React: Conversational UI Chatbots

Conversational UI is a user interface that emulates a human to human conversation, while in reality, the human is interacting with a computer program. We’ve often seen this with the use of chatbots and voice assistants. Conversational UI that involves speaking allows you to inter…

Tutorials

Adding User Interactivity to a Chatroom with Laravel, Vue.js and Stream Chat

In my last tutorial here, we created a chatroom application using Laravel, Vue.js, and Stream Chat. Although we only covered the basics of getting our chatroom up and running, Stream Chat offers a lot of other functionality. In this tutorial, we will explore some of those functio…

Tutorials

Building Real-Time Live-Stream Chat With Wowza

Wowza provides users with the ability to stream live video. Trusted by over 24,000 organizations to power video streaming, they offer an extremely flexible platform that’s easy to use for even the most novice streamer. My team at Stream specializes in real-time feeds and chat tec…

Tutorials

Building an Encrypted, HIPAA Compliant Chatbot

As healthcare technology advances, secure real-time communication is becoming increasingly crucial to any modern medical application. It’s essential to provide the technology experiences customers expect while protecting their privacy and data, like through HIPAA compliant chat. …

Tutorials

Tutorial: User Auth with Stream Chat & Feeds

A common point of interest when integrating Stream is how to authenticate users, in addition to generating a token for use on the frontend side of the application. Whether you’re using Stream for feeds or for chat, generating an auth token is actually rather simple, and it’s easy…

Tutorials

Build a Video Conferencing App Using Dolby Voxeet and Stream Chat

With the recent launch of Stream Chat, the team here has been working with vendors to add real-time chat and messaging to various platforms. We’ve had several requests for voice and video chat, and after looking around at the market, it was a clear choice to partner up with Voxee…

Tutorials

HIPAA Compliant Chat: Build a Chat App!

Building HIPAA Compliant Chat In this tutorial, we will walk through how to create a full, end-to-end encrypted chat solution using Stream Chat combined with Virgil Security. These two services allow developers to integrate HIPAA compliant chat by protecting PHI and patient commu…

Tutorials

Building a Chat Room with Laravel, and Vue.js

Being able to communicate with a group of people in real-time over chat is one of the most powerful features of modern messaging. Real-time messaging with groups of people can have live general discussions across the board as though it were a one-to-one chat, which makes sharing …

Tutorials

Filtering Profanity in Chat with React Native

Unfortunately, there will always be users who tend toward using profanity within chat. As a developer, there will be a time that will come when you need to moderate this type of behavior. There’s simply no way you will be able to manually watch all of the chat rooms and ban users…

Tutorials

Tutorial: Build Customer Support Chat with Laravel, Vue and Stream

Quick and active customer service is an integral part of any company or organization, especially those that conduct most of their business online. Quality customer service goes beyond merely fielding comments and questions from customers. The types of interactions your team has w…

Tutorials

Building an Ecommerce Chatbot with React Native and Dialogflow

Chatbots allows ecommerce sites to provide more to their customers without the need for human intervention. Conversational experience is a powerful way to sell more on your ecommerce site. With the popularity of Chatbots, different services which provides powerful bot builders to…

Tutorials

Building a Svelte Chat App with Stream

In this article, you’ll learn how to build a chat app with Stream Chat API and Svelte 3. I’ll demonstrate how to add users to the app, how to retrieve the message history and how to send and receive messages between users. Here’s a live demo of what we’ll be building: Prerequisit…

Tutorials

Secure React Chat Messaging App with Auth0

Chat messaging is everywhere today. We can talk to customer support personnel through a web app that allows them to see our request and respond in real-time. We can interact with our friends and family, no matter where we are, through apps like WhatsApp and Facebook. There are mu…

Tutorials

Tutorial: Build Chat with Python

On occasion, I like to set out and write tutorials around the technology that I’m currently working with. With Stream’s recent release of its Python SDK for Chat, I felt compelled to write up a tutorial that would be engaging to developers interested in building a chat applicatio…

Tutorials

Tutorial: Use Gifted Chat UI with React Native

Create a React Native Chat App with Gifted Chat

Tutorials

Create a Chat App with Vue.js and Stream

When building a chat application, your head tends to spin in terms of what functionality you need. When building in-house, this process can turn into a nightmare.Thankfully, there are companies out there such as Stream that provide chat as a service as an API. In this tutorial, w…

Tutorials

Using Stream’s Real-Time Messaging API with Amazon Translate

Is your chat going global? Worry less about the language barrier when you pair Amazon Translate with our real-time messaging API. When powering a chat product in a global environment, multilingual support should be top-of-mind. Doing so allows you to ensure that the communication…

Tutorials

Adding Chatbots to Your Stream Chat App Using Google’s Dialogflow

Most tasks are repetitive and time-consuming. What if we could use a bot to help in doing the tasks instead? This will hugely increase productivity. Chatbots are fantastic for this. In this tutorial, I’ll walk you through steps to adding a chatbot to your Stream Chat app using D…

Tutorials

React Native Chat App Tutorial

The other week, I set out to write a tutorial on how to integrate real-time Stream Chat in React Native. It wasn’t long before I started adding other dependencies such as Gifted Chat for the UI and Serverless for token generation server-side. I even had a bit of fun by integratin…

Tutorials

Android & iOS Push Notifications with Stream Chat and React Native

The Stream Chat API allows you to quickly and easily build powerful Android messaging applications and features — from a simple one to one messenger to building a full-scale Slack-like community. Stream Chat also supports push notifications out of the box and implementing them in…

234