Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ AWS Certified Developer - Associate
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Mindfulness Meditation Personal Transformation Life Purpose Emotional Intelligence Neuroscience
Web Development JavaScript React CSS Angular PHP WordPress Node.Js Python
Google Flutter Android Development iOS Development Swift React Native Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
SQL Microsoft Power BI Tableau Business Analysis Business Intelligence MySQL Data Analysis Data Modeling Big Data
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Online Business Business Plan Startup Freelancing Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Software Engineering Twilio

Twilio - Make a complete Call Centre in React and Node

React, Node and Twilio - Create a complete call centre with SMS authentication, waiting queues & answer calls in browser
Rating: 4.0 out of 54.0 (28 ratings)
266 students
Created by Icaro Lavrador
Last updated 1/2021
English
English [Auto]
30-Day Money-Back Guarantee

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

Course content

20 sections • 63 lectures • 4h 52m total length

  • Before we signup to Twilio
    01:00
  • Preview02:35
  • Preview06:52

  • Creating a Twilio Verify Service
    01:44

  • Starting our express server
    05:13
  • Preview03:15
  • Creating a Twilio Class
    05:10
  • Send Verification with Twilio
    07:08
  • Verifying the code with Twilio
    04:54

  • Creating our react App
    05:00
  • Creating our login form
    10:48
  • Keep state using Immet and use-immet
    07:29
  • Preparing axios to send our request
    05:04
  • Request the verification code from Twilio
    05:38
  • Preview06:32

  • Sending the code to Twilio verify
    10:59

  • Initializing sockets on the backend
    04:12
  • Initializing a socket connection with the frontend
    05:19
  • Understanding sockets and refactoring
    03:38

  • Preview04:26
  • Creating the JWT token
    04:13
  • Receiving the JWT on the frontend
    04:24
  • Creating a custom hook to help with local Storage
    07:21
  • Storing the JWT token in Local Storage
    01:20

  • Stop displaying the login page when we have a valid token
    02:03
  • Creating our Call Center screen starting with the navbar
    07:02
  • Creating the call progress bar
    05:02

  • Understanding local tunnel and how it will help us
    03:59

  • Setup Twilio and changing phone number
    07:03

Requirements

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

Description

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:


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.


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

Instructor

Icaro Lavrador
React, JavaScript, Node, Swift Expert | 25+ years Experience
Icaro Lavrador
  • 4.2 Instructor Rating
  • 664 Reviews
  • 15,620 Students
  • 19 Courses

I am an "eternal student", I started programming when I was just 10 years old and to this day I still learning new things every day.

Because of my passion for learning new things I developed a passion to teach as well, I start helping people at Stack Overflow where I am ranked as the top 5% Developer Help for Swift and top 10% Developer Help for iOS.

You will not see my name in many apps as I am the go-to guy to fix problems, I offer my work mainly as a contractor solving problems that the other professional cannot solve.

I start to develop software and give consultancy when I was 15 years old and never stop, today I want to help people. I read other people's codes every day, code produced by the professionals in the field and I can honestly say they are mostly JUNK, and I want you to be different.

One of my clients tries to use an Udemy iOS course to argue about some strategies he took in his code. After seeing so many WRONG explanations, so much BAD advice I decided to create my own courses. I watch over 15 top-rated courses at Udemy and took no time for me to before I decide to take action

My courses are created to make YOU the best in the field, I can guarantee that if you take my courses you will drop jaws and knocked socks off in interviews, companies are desperately looking for good developers and they will pay you over $100k/year for you to work for them.

But you have will have just one shot to impress, so make it the right one, learn right, learn it once, make money forever and be proud of your codebase. (Avangate)

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.