Level up your Twilio API skills in TwilioQuest, an educational game for Mac, Windows, and Linux. Download Now
Build the future of communications.
Start building for free

Programmable Chat posts

  • By Chimezie Enyinnaya
    Build A Group Chat With Admin Moderation In Laravel Using Twilio Programmable Chat Build A Group Chat With Admin Moderation In Laravel Using Twilio Programmable Chat

    In this tutorial, I’ll be showing you how to build a Laravel group chat application with admin moderation using Twilio Programmable Chat.

    Prerequisites

    In order to follow this tutorial, you will need the following:

    What We’ll Be Building

    For the purpose of this tutorial, we’ll be building a group chat, where an admin will be able to perform the following tasks:

    • Ban members in a group
    • Unban members in a group
    • Remove members from a group

    Getting Twilio Credentials

    Login to your Twilio dashboard and copy both your Account SID …

    Read More
  • By Favour Oriabure
    Implementing Programmable Chat with Laravel PHP and Vue.js Implementing Programmable Chat in PHP with Laravel and Vue.js

    This tutorial will teach you how to use Twilio's real-time, Programmable Chat technology. You will be able to see this in action between two or more browser sessions. At the end of this tutorial, you would have developed a chat system between users.

    Installing dependencies and Requirements

    Here is a list of dependencies you need to install, and steps needed to be taken before you can complete this tutorial.

    If you have Laravel installed on your machine, you can proceed to creating a new project by running any of the commands below:

    $ laravel new project_name
    

    or using the composer create-project command

    $ composer create- …
    Read More
  • By Chimezie Enyinnaya
    Add Media Uploads to a Laravel Vue.js Chat App Using Twilio Programmable Chat Add Media Uploads to a Laravel-Vue.js Chat App

    In my last tutorial, I showed you how to add chat to a Laravel app using Twilio Chat. In this tutorial, I’ll be showing you how to enhance the app by adding media support to it using Twilio Programmable Chat. That is, allowing users to send media files as message.

    Prerequisites

    In order to follow this tutorial, you will need the following:

    Getting Twilio Credentials

    Login to your Twilio dashboard and copy both your ACCOUNT SID and AUTH TOKEN.

    Twilio Account Credentials

    Before you can start using the Twilio Programmable Chat, you need to first create a chat service:

    Twilio Programmable Chat Dashboard

    Take note of your SERVIC …

    Read More
  • By Lizzie Siegle
    Detect Toxic Language with Twilio Chat and Tensorflow.js toxiclanguagechat.png

    Rude or offensive comments can run rampant in today's online communication landscape; however with the power of machine learning, we can start to combat this.

    This blog post will show how to classify text as obscene or toxic on the client-side using a pre-trained TensorFlow model and TensorFlow.js. We'll then apply this classification to messages sent in a chat room using Twilio Programmable Chat.

    chat demo with toxic language

    Google provides a number of pre-trained TensorFlow models which we can use in our applications. One of those models was trained on a labeled dataset of Wikipedia comments available on Kaggle. Google has a live demo of the pre-trained TensorFlow.js toxicity model on which you can test phr …

    Read More
  • By Kevin Thompson
    How to Build Chat into Ruby on Rails Applications M3gM5qVbtMu9XneBCDDDlPXgDITbX1aUvzgLAdF7D4ks04jbNslXJrzNA-jDBKfk2X181Y3G5ip95xws5ETyHSk5i-n1apG_ITJ_U9BFrEv74S-8fXlFodBDUnSdl5sMlkvUdtNk

    We build web applications for all kinds of projects. If you want to give support agents a way to communicate with customers, or provide your users with a place to share ideas, you might find yourself wanting to add messaging to your application. Let's use Twilio Programmable Chat and Ruby on Rails to build a full-featured chat application from scratch.

    Creating a New Rails App

    First we'll make sure we've got a recent version of Ruby installed, then we'll install Rails and create a new application.

    gem install rails
    rails new twilio-chat
    

    The last command will generate our Rails application in the twilio-chat directory. If we move into our newly created directory an …

    Read More
  • By Kevin Ndung'u
    How to Build Chat into Django Applications with Twilio Programmable Chat django-dark

    Looking to build a realtime chat app? Building this from scratch requires thinking about lots of concerns at once. How should you model your users? What about different channels and different access levels? How about showing which users are online and when they start typing a message? There’s these questions and a lot more to answer when building a quality chat app.

    That’s where Twilio Programmable Chat comes in. This awesome service helps abstract away the groundwork involved in building realtime chat applications. Chat comes with support for basic chat features such as channels, users, roles and permissions. There are also many other advanced features that you can add incrementally to your app.

    We will create a chat room application, where users can chat on different topics in different rooms, typically known as “channels”. Our application will be simplified and through it we will explore how to build out a …

    Read More
  • By Michael Jenkins
    Building a Django Twilio Programmable Chat Application typing_on_laptop

    As a developer, I’ve always wanted to include chat capabilities in the applications I’ve created.  Coding applications is fun but I’ve been stumped by the idea of creating the complex infrastructure needed to support real-time chat.  Fortunately, I found that Twilio makes it easy to include chat capabilities in just about any application.

    In this tutorial, we’ll be creating a chat application using Python and the Django framework along with Twilio to implement the chat functionality.

    We’ll need to accomplish the following goals to get the application functioning properly:

    • Setting up Python and Django and creating the base environment for the app.
    • Adding code to the app by including HTML, CSS, and JavaScript.
    • Generating API keys from Twilio to integrate chat functionality

    Setting up the Django Environment

    Let’s get started by setting up our development environment. This tutorial requires at least Python 3.4 and assumes you’ll be using a Linux …

    Read More
  • By Onwuka Gideon
    Add Twilio Programmable Chat to a Java Struts 2 Web App bridge_struts

    The need for real-time chat can’t be overemphasized. Real-time communication with your users increases customer satisfaction, and as a result, makes your business more credible.

    In this article, I’ll walk you through setting up a Java Struts 2 application. Then we’ll add real-time chat to the application by leveraging Twilio Programmable Chat.

    By the end of this tutorial, you’ll have built an application similar to this:

    Java Struts 2 Adding Twilio Chat

    Software Requirements

    The following are used in this post:

    • Java SDK– Download and install the  Java SDK from Oracle’s site, if you don’t have it already. (I’m using version 9.0.1)
    • Eclipse IDE – Download and install Eclipse from their website. (I’m using Oxygen.1a Release …
    Read More
  • By Kevin Thompson
    Implementing Chat in JavaScript, Node.js and React Apps rsJHVkPzN6JInuKhnWzcYNV2eCa8K8HZbz6BypiKPkV2YOXF5wQ3spsJlKUNd3afUK9hP1Btb8-3Hz2dWliQcZz_2I3HXzXVzBv8nOaRO7Ywx7LwWTSiCFdhmYnKDINoo-geh_Wx

    If you’re building a chat user interface using JavaScript React, how do you integrate the rest of the backend functionality into your application? In this article, we’ll start by cloning a Git repository with the completed chat interface, then implement Programmable Chat and test sending and receiving messages between multiple users.

    Getting Started

    We’re going to start with a simple React application that has just a few components for submitting and displaying messages. With git and npm installed, we can clone the repository, install the application’s dependencies, and start the application:

    git clone https://github.com/kevinthompson/react-chat-interface
    cd react-chat-interface
    npm …
    Read More
  • By Kevin Thompson
    Building Chat Interfaces Using JavaScript and React Chat interface built with React

    If you’re integrating a service like Twilio’s Programmable Chat into your website, you’re going to need an interface for users to interact with. Let’s use React and a suite of modern development tools to create an application for submitting and displaying chat messages.

    Designing Our Interface

    Before we begin building our chat interface, we should have an idea of what we want to create. Our chat application will have a container with a list of messages, and a form for writing and submitting messages. A simple design might look something like this:

    As we build our our interface, we’ll identify any isolated piece of the UI that might contain its own state and behavior. Those will be our initial React components. In this simple design, the two most distinct areas are the message list and the message form.

    Setting Up Our Development Environment

    Developers working with React commonly use a …

    Read More
  • Newer
    Older
    Sign up and start building
    Not ready yet? Talk to an expert.