All Tutorials

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

Stream Flutter: Building a Social Network with Stream Activity Feeds and Flutter

In this post, we’ll be creating a simple social network, called Stream Flutter, that allows a user to post messages to followers. The app will allow a user to post a message to their followers. Stream’s Activity Feed API combined with Google’s Flutter makes it straightforward to …

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

Tutorial: Build a Live-Stream Chat With Wowza and Stream

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 End-to-End Encrypted Chatbot with Stream React Chat, Virgil Security, and Google Dialogflow

As banking technology advances, secure real-time communication is becoming increasingly crucial to any modern banking application. It’s essential to provide the technology experiences customers expect while protecting their privacy and data. In this tutorial, we will walk through…

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…

Engineering

Tutorial: Create a GraphQL API with Node, Mongoose, and Express

GraphQL is a technology that helps developers across the board to build more robust software more quickly. The ability to request all of the information you need in a single request is a game-changer. It has simplified my backend development of APIs for consumption by mobile and …

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

Building HIPAA Compliant End-to-End Encrypted Chat with Stream React Chat and Virgil Security

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 chat that is HIPAA compliant by protecting PHI and patient communications. The applica…

Tutorials

Building a Chatroom with Laravel, Vue.js and Stream Chat

Being able to communicate with a group of people over live chat is one of the most powerful features of modern messaging. Groups of people can have live general discussions across the board as though it were a one-to-one chat, which makes sharing general information fast and easy…

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, I…

Tutorials

Use Stream Chat's Real Time Messaging API with Amazon Translate

Is your chat going global? Worry less about the language barrier with Amazon Translate paired with Stream Chat. 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 barrier between y…

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 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 integrating an autor…

Tutorials

Android & iOS Push Notifications with Stream Chat and React Native

The Stream Chat API allows you to quickly and easily build powerful Android chat 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 into yo…

Tutorials

Integrating with Stream: Backend & Frontend Options

When we first built Stream, the platform was intended to be a pure back-end integration, allowing companies to build complex feed structures in a matter of minutes to hours rather than days or months. Since the inception of Stream, the platform has grown to be much more than a ba…

Tutorials

Designing an Activity Stream? Yeah, There’s a W3C Spec For That!

In these days of massive social tech innovation, we’re happy to report that activity streams are a crucial feature in nearly all apps. Any application developer worth her code knows it, and every social media user knows it: feeds are everywhere, and they’re incredibly useful. The…

Tutorials

Aviato – A Prototype Built with Stream’s React Native Components & Serverless on AWS

The Story Behind Aviato With our recent announcement about the React Native Components for activity feeds, we wanted to showcase them with a project that was not only functional but also fun to build. For those of you that haven’t seen HBO’s comedy sitcom Silicon Valley, Aviato i…