Twilio – Make a complete Call Centre in React and Node

Course Curriculum

Chapter 1: Twilio Introduction

Lecture 1: Before we signup to Twilio

Lecture 2: Creating a Twilio Account

Lecture 3: Getting a phone number and creating all the necessary tokens

Chapter 2: Twilio Verify

Lecture 1: Creating a Twilio Verify Service

Chapter 3: Node server with Express

Lecture 1: Starting our express server

Lecture 2: Creating the endpoint to receive the mobile number and the verification code

Lecture 3: Creating a Twilio Class

Lecture 4: Send Verification with Twilio

Lecture 5: Verifying the code with Twilio

Chapter 4: React Login with SMS

Lecture 1: Creating our react App

Lecture 2: Creating our login form

Lecture 3: Keep state using Immet and use-immet

Lecture 4: Preparing axios to send our request

Lecture 5: Request the verification code from Twilio

Lecture 6: Add an input for the verification code

Chapter 5: Verification, Authentication using Twilio

Lecture 1: Sending the code to Twilio verify

Chapter 6: Realtime UI updates using SocketIo

Lecture 1: Initializing sockets on the backend

Lecture 2: Initializing a socket connection with the frontend

Lecture 3: Understanding sockets and refactoring

Chapter 7: Authorization using JWT (JSON Web Token)

Lecture 1: Creating and verifying a JWT token

Lecture 2: Creating the JWT token

Lecture 3: Receiving the JWT on the frontend

Lecture 4: Creating a custom hook to help with local Storage

Lecture 5: Storing the JWT token in Local Storage

Chapter 8: React Call Centre

Lecture 1: Stop displaying the login page when we have a valid token

Lecture 2: Creating our Call Center screen starting with the navbar

Lecture 3: Creating the call progress bar

Chapter 9: Local tunnel, my localhost globally accessible

Lecture 1: Understanding local tunnel and how it will help us

Chapter 10: Change Twilio phone number

Lecture 1: Setup Twilio and changing phone number

Chapter 11: Twilio Webhooks

Lecture 1: Handling Twilio Webhook calls

Lecture 2: Having Twilio to say "Thank you" for you when someone calls

Lecture 3: Emitting a Socket IO event to the frontend when receive a new call

Lecture 4: Display new call on the browser as it comes in

Lecture 5: Displaying the progress call with the caller information

Chapter 12: Redirecting calls to a queue

Lecture 1: Redirecting the call and add it to a queue

Lecture 2: Updating the call status to enqueued

Lecture 3: Removing personal information from the call

Lecture 4: Updating the call status bar

Chapter 13: Making our application more secure

Lecture 1: Finding security risks on our application

Lecture 2: Creating a endpoint to validate the token

Lecture 3: Validating the JWT token with the backend

Lecture 4: Passing the token using SocketIo connection

Lecture 5: Setting the socket with the token as its value changes

Lecture 6: Validating our token on the backend using a socket middleware

Chapter 14: Receiving calls on the browser using Twilio Client

Lecture 1: Installing and setting up Twilio client

Lecture 2: We use use State we should import use State

Lecture 3: Setting up Twilio to make outgoing calls

Chapter 15: Voice Grant Access

Lecture 1: Creating the Twilio token to grant access to voice

Lecture 2: Passing the Twilio token to the frontend

Lecture 3: Creating our socket connection with Twilio servers

Chapter 16: Answering a Call on the Browser

Lecture 1: Sending the selected call to be answered to the backend

Lecture 2: Redirecting the call to a different URL

Lecture 3: Connecting the call to the Browser

Lecture 4: Fixing the duplicate calls on the screen

Chapter 17: And still more to come

Lecture 1: Wow, are you already here?

Chapter 18: Extra

Lecture 1: Verifying a new phone number with Twilio

Chapter 19: Appendix 1

Lecture 1: Installing VSCode modules

Lecture 2: Installing VSCode modules

Lecture 3: Emmet and speed up coding

Lecture 4: Add extension tools for chrome

Lecture 5: Installing Docker Extension

Lecture 6: Connecting to mongoDB inside Docker using Compass

Chapter 20: Bonus Section – Including Black Friday Deals

Lecture 1: Bonus – Because the learning can never stop