All Tutorials

Tutorials

Series: Building a Social Network with Flask & Stream – Part 12

This article is the first installment of a tutorial series focused on how to create a full-stack application using Flask, React/Redux and Stream. This tutorial is an adaptation of my previous series on creating a Stream-based web app with Flask, so be sure to check it out to unde…

Tutorials

Build an Encrypted Messaging App for Android

In this tutorial, we’ll build an encrypted chat/messaging example app for Android. To do this, we will combine both Stream Chat and Virgil Security platforms. Stream and Virgil make it easy to build a solution with excellent security by combining all of the features you would exp…

Tutorials

Text-to-Speech Messaging App with AWS Polly

In this article, we’ll take a look at how to make chat applications more accessible to visually impaired users by adding text-to-speech functionality, which makes it possible for these users to have incoming messages read to them in realtime. We’ll be leveraging AWS Polly’s natur…

Tutorials

Build a GDPR-Compliant Chat/Messaging App

The General Data Protection Regulation (GDPR) is an EU data protection law (passed into law in 2018) that determines how companies use and protect EU citizens’ data. While you might feel this doesn’t concern you, it very likely does! As long as you have EU residents making use of…

Tutorials

Deploy a React Chat App to Heroku

In this article, we will be creating a chat application using React and Stream Chat. The app will feature an authorization page for login/signup, followed by a chat view that allows for communication between several authorized users. After creating the chat application, we will d…

Tutorials

Series: Building a Social Network with Flask & Stream – Part 11

This segment is the eleventh installment of a tutorial series focused on how to create a full-stack application using Flask and Stream. In this article, we walk through setting up our web app for deployment using Zappa and AWS Lambda. Be sure to check out the Github repo to follo…

Tutorials

Add In-App Messaging to Your Mobile App – React Native / Expo

Stream Chat allows you to build real-time chat applications that are scalable, fault-tolerant, secure, and fast, so you don’t have to re-invent the wheel by starting from scratch. You’ll take less time to create a robust app (like days to create a real-time chat application with …

Tutorials

Activity Feed Powered by GitHub WebHooks

An activity feed is a list of recent actions happening in realtime. In this article, we’ll build a simple feed app powered by GitHub WebHooks and Stream Feeds in JavaScript. The app will track the activities of your GitHub organization or personal repositories. So, we’ll see what…

Tutorials

Build a One-to-One Chat App with JavaScript

More and more applications are seeing the value in allowing users to communicate in real-time, either with one another or with their support team. Adding this feature to existing applications, or even new ones, however, can seem like a giant, time-consuming undertaking. To help m…

Tutorials

Series: Building a Social Network with Flask & Stream – Part 10

This segment is the tenth installment of a tutorial series focused on how to create a full-stack application using Flask and Stream. In this article, we are going to start styling our app and adding cool new features like notification counts and link previews. Be sure to check ou…

Tutorials

Android Chat Bubbles: Building iOS Style Chat in Android

In this post, we’ll explore how to do two things: 1) create live chat message bubbles in Android that are similar to WhatsApp and iMessage and 2) customize Stream Chat’s UI Components. We’ll customize Stream Chat Android’s built-in UI components by plugging in a custom message vi…

Tutorials

The Stream CLI By Example

The Stream CLI is a powerful tool for communicating and debugging your Stream Chat setup with the Stream API. At this time, Stream Chat is only supported; however, Stream Feed support will come to the CLI later this year. With the Stream CLI, you can quickly work your chat config…

Tutorials

Build a Terminal Chat Application With Node.js

Let’s create a functional chat interface right in the terminal with Node.js! Although building a chat app is no small task, with the help of Stream’s fully featured Chat API, it’ll only take a few lines of code, as you’ll see. Here’s a demo of what the final application will look…

Tutorials

Series: Building a Social Network with Flask & Stream – Part 9

This post is the ninth installment of a tutorial series focused on how to set up a full-stack application using Flask and Stream. This week, we’re going to be creating everything we need to make immersive social experiences for our app using follow relationships! Follow relations…

Tutorials

Customer Support Live Chat with VanillaJS and Stream Chat

How much do you love when you can just jump on a company’s website and chat with one of their representatives to take care of your business; no picking up the phone, no waiting days for an email back?? Customer Support Live Chat is a critical tool for every forward-thinking busin…

Tutorials

Stream Flutter: Building a Social Network with Flutter (Series)

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 and chat with them. Stream’s Activity Feed API and Chat API combined with Google’s Flut…

Tutorials

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

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

Stream Flutter: Building a Social Network with Flutter – Direct Messaging

In the second part of our series, we’ll implement direct messaging between users by integrating Stream Chat. This post assumes you’ve followed along with part 1. Leveraging our code from part 1, we’ll modify the backend to generate a Stream Chat frontend token so we can do the re…

Tutorials

Stream Flutter: Building a Social Network with Flutter – Group Channels

In the third part of our series, we’re building group chat into our social application. This allows users to chat with multiple people at the same time. We leverage Stream Chat to do the heavy lifting. This post assumes you’ve gone through part 1 and part 2. Using our code from p…

Tutorials

How to Create a Chat App with Angular 9

In this tutorial, I’ll take you through building a chat application with Angular 9 and Stream Chat. I’ll demonstrate how to work with channels and how to send messages between users. In addition, you’ll see how to keep track of the number of channels that a user belongs to, and a…

Tutorials

Series: Building a Social Network with Flask & Stream – Part 8

This is the eighth installment of a tutorial series focused on how to create a full-stack application using Flask and Stream. In this article, we will be walking through how to retrieve information from the Stream API client-side using Javascript to make an infinite scroll featur…

Tutorials

Build a Chat Messaging Platform in PHP

Building a fully functional and scalable chat platform is time-consuming. Luckily, Stream Chat can help you build one in minutes! In this tutorial, we are going to build a chat messaging platform in PHP using the Stream Chat API. Prerequisites To follow along with this tutorial, …

Tutorials

Series: Building a Social Network with Flask & Stream – Part 7

This is the seventh installment of a tutorial series focused on how to create a full-stack application using Flask and Stream. In this article, we will continue to explore creating, updating, and deleting activities by adding content to collections, a group of URLs with available…

Tutorials

Ephemeral Chat Messages

One increasingly common feature in chat apps is the ability to send self-destructing messages, also known as "ephemeral" messages. When this feature is enabled, the messaging system automatically erases the content minutes or seconds after the message is sent. This deletion is ef…

Tutorials

Build a Mobile Twitch Clone

People long for connection, and technology has allowed us to connect with those who aren’t physically near in increasingly many ways over the last few decades. With applications like text messaging, and then group messaging, with our music, photos and movies moving to the cloud, …

1234