Tutorials: Chat

Tutorials

Build a WhatsApp Clone on Android With Kotlin – Part 1

Android development has come a long way over the last few years. The Jetpack components significantly speed up development. In this tutorial, we’ll build a functional clone of WhatsApp with Kotlin. Building a messaging app used to be difficult; in this tutorial, you’ll get a chat…

Tutorials

Build a Chat App With Ionic 4

Ionic is an open-source framework that allows you to build and deploy apps that work across multiple platforms, such as iOS, Android, desktop, and the web as a Progressive Web App – all with the same code base. At first, Ionic was built to work with Angular, but with the release …

Tutorials

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

This is the third installment of a tutorial series focusing on how to create a full-stack application using Flask and Stream. Originally, this article was going to cover the creation of the initial database models for your app, as well as handling registration/login and other con…

Tutorials

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

For the last little while, I’ve wanted to develop a new kind of social media site. Between the privacy issues, relentless ads, and the pervasiveness of bots on almost every service, I wanted to build something that would allow people to have a new source to discover the newest an…

Tutorials

Processing Webhooks with Stream Chat, Lambda, and Node.js

In this tutorial, we will show you how to process webhooks to send a message to a Slack channel! Here at Stream, we are big fans of Chat. With our chat product, we offer a webhook so that you can relay data to an endpoint of your choice. Webhooks are an excellent way to make

Tutorials

Build a Chat App with Stream & Kong

Managing microservices manually can get very complicated and takes the focus away from business logic. API gateways help take care of the various collective management and housekeeping tasks necessary for running microservices. One of the most popular API gateways is Kong. As the…

Tutorials

How to Efficiently Use Webhooks and Stream Chat

Unlike an API request that’s triggered when a request is sent, a webhook gets triggered when certain events occur within the cycle of an application. For example, when a new message is added on Stream Chat, the message.new event sends a payload to the webhook endpoint containing …

Tutorials

Deploying Stream Chat (React) to Netlify and Heroku

This article describes how you can build and deploy a React Chat application powered by Stream’s Chat API to Netlify and Heroku. In this case, the React app will be deployed on Netlify, while the accompanying Node server will be deployed to Heroku. At the end of this article, you…

Tutorials

Build a Customer Support Chat Bot with LUIS, React Hooks, Azure Serverless and Stream

Initial Thoughts This tutorial will teach you how to build your own customer-support chat experience and create a serverless chatbot! The end result will look much like this: The customer-facing chat experience is shown on the left, and the screen on the right shows the interface…

Tutorials

Integrating the Web Notifications API With Stream Chat

Many applications today inform users about important messages related to their application by sending notifications – this can be via push or web. With a web notification, a user can click on the notification and instantly get back to the application to further act on that piece …

Tutorials

Deploy a Stream Chat API With ZEIT Now

Stream Chat provides a JS Chat SDK that you can use to build custom messaging solutions for your application. Requests from the SDK are authorized via an access token provided by a backend API. Due to the restriction of having to generate a JWT token on the backend, you will need…

Tutorials

Implementing React Hooks with Stream Chat

React hooks, released in February 2019, have huge benefits when implemented in your application. Whether you’ve used hooks before or are just learning, this post aims to show you just how simple it is to implement them with Stream Chat. The Basics Using hooks with Stream Chat is …

Tutorials

Open Source REST API for Chat with Express, MongoDB, and Heroku

Overview Here at Stream, we’re known for our Feeds as a Service as well as our Chat as a Service product. Stream Chat was released out of beta late last year, and we’ve been receiving quite a few inquiries on how to structure a RESTful API to support the backend portion of 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…