Twilio – Make a complete Call Centre in React and Node

Twilio - Make a complete Call Centre in React and Node

React, Node, and Twilio – Create a complete call center with SMS authentication, waiting for queues & answer calls in th

What you’ll learn

  • How to create a call centre from beginning to end
  • How to use Twilio to send and receive SMS
  • How to use Twilio to make and receive voice calls
  • How to queue and dequeue calls using Twilio
  • How to use Twilio Verify to verify the user mobile number
  • How to send SMS to a phone number
  • How to make a call to a phone number


  • Basic programming knowledge
  • A free Twilio account
  • Desire to learn and create amazing new things


Twilio the world’s leading cloud communications platform as a service (CPaaS) that enables you to develop SMS solutions, WhatsApp, Voice, Video, email, and even IoT. Twilio powers communications for more than 190,000 businesses, and enables nearly 932 billion human interactions every year.

In this course, we will leverage some of those capabilities to create a fully functional Call Center, where the users will log with their mobile number using SMS and call will be added to a dashboard in real-time, showing where each call stage is.

Calls will be greeted with a welcome message, and after adding to a queue, the workers on the call centre can track the call status on the dashboard the call will flow from ringing to queued to answered and of course in case we miss a call it will also display a call missed.

  • Verify – We will use Twilio Verify to send a verification SMS to the user in the login faze, once the user is verified with Twilio we will create a JWT token that will allow the user to login to the Dashboard and subscribe to receive and make calls.
  • Programmable Voice – We sill use Programmable Voice to make, receive, and monitor calls around the world and directly from the browser.
  • Programmable SMS – We will use Programmable SMS to send and receive SMS using Twilio

Other important details:


We will create the front end in React using hooks, such as useState, useEffect, useContext, useCallback among many other custom hooks we will create, to make our application look amazing we will use Semantic UI and to help with the state management we will use Immet and SocketIo for realtime communication.


Will be created using NodeJS, Express for the rest API and SocketIO for the real-time communication with the react app.

Who this course is for:

  • The course target new and advance programmers that want to deep their knowledge
  • Developers that want to learn how to use Twilio

Course content

20 sections • 63 lectures • 4h 52m total length
  • Twilio Introduction
  • Twilio Verify
  • Node server with Express
  • React Login with SMS
  • Verification, Authentication using Twilio
  • Realtime UI updates using SocketIo
  • Authorization using JWT (JSON Web Token)
  • React Call Centre
  • Local tunnel, my localhost globally accessible
  • Change Twilio phone number
  • Twilio Webhooks
  • Redirecting calls to a queue
  • Making our application more secure
  • Receiving calls on the browser using Twilio Client
  • Voice Grant Access
  • Answering a Call on the Browser
  • And still more to come
  • Extra
  • Appendix 1
  • Bonus Section – Including Black Friday Deals
Created by: Icaro Lavrador, React, JavaScript, Node, Swift Expert | 25+ years Experience
Last updated 1/2021
English [Auto]
Direct Download Available
(34 ratings)
316 students

Download link

Friendly Websites

Related Posts

Add a Comment

Your email address will not be published. Required fields are marked *