Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Udemy

Twilio - Make a complete Call Centre in React and Node

via Udemy

Overview

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

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 SMSto the user in the login faze, once the user is verified with Twilio we will create a JWTtoken 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 SMSto send and receive SMS using Twilio

Other important details:


Frontend:

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.


Backend:

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


Syllabus

  • 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

Taught by

Icaro Lavrador

Reviews

4.1 rating at Udemy based on 145 ratings

Start your review of Twilio - Make a complete Call Centre in React and Node

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.