A React example of Twilio Programmable Chat
This is an implementation of Twilio Programmable Chat using React.
To run this application you will need four configuration parameters, available from your Twilio console.
Config Value | Description |
---|---|
Service Instance SID | Like a database for your Programmable Chat data - generate one in the console here |
Account SID | Your primary Twilio account identifier - find this in the console here. |
API Key | Used to authenticate - generate one here. |
API Secret | Used to authenticate - just like the above, you'll get one here. |
When you generate an API key pair at the URLs above, your API Secret will only be shown once - make sure to save this in a secure location, or possibly your ~/.bash_profile
.
Create a configuration file for your application:
cp .env.example .env
Edit .env
with the four configuration parameters we gathered from above.
Next, we need to install our dependencies from npm:
npm install
cd client/
npm install
cd ..
Now you are ready! Run the application with
npm start
Your application should start up at http://localhost:3000.