twiliodeved / browser-dialer-react

A browser-based dialer interface powered by React and Twilio Client

Browser Dialer - React

Learn to implement a browser dialer application using the Twilio.js library and React.

Read the full tutorial here!

Prerequisites

1. Node.js (version 6 or higher)
2. A Twilio account with a verified phone number. (Get a free account here.) If you are using a Twilio Trial Account, you can learn all about it here.

Local Development

1. First clone this repository and cd into it.

   $ git clone [email protected]:TwilioDevEd/browser-dialer-react.git
   $ cd browser-dialer-react
   

2. Copy the sample configuration file and edit it to match your configuration.

$ cp .env.example .env

You can find your TWILIO_ACCOUNT_SID and TWILIO_AUTH_TOKEN in your Twilio Account Settings. You will also need a TWILIO_NUMBER, which you may find here, and you may find your TWILIO_TWIML_APP_SID here.

1. Install dependencies.

$ npm install

1. Run the application.

$ npm start

1. Expose the application to the wider Internet using ngrok.

   $ ngrok http 3000

   Once you have started ngrok, update your App voice URL setting to use your ngrok hostname. It will look something like this:

   http://<your-ngrok-subdomain>/voice
   

Meta

• No warranty expressed or implied. Software is as is. Diggity.
• MIT License
• Lovingly crafted by Twilio Developer Education.