https://github.com/philnash/twilio-video-react-hooks
A video chat application built with Twilio Video and React Hooks
https://github.com/philnash/twilio-video-react-hooks
Last synced: 4 months ago
JSON representation
A video chat application built with Twilio Video and React Hooks
- Host: GitHub
- URL: https://github.com/philnash/twilio-video-react-hooks
- Owner: philnash
- License: mit
- Created: 2019-10-07T08:15:55.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2023-05-06T23:13:24.000Z (over 2 years ago)
- Last Synced: 2025-04-14T03:53:36.933Z (6 months ago)
- Language: JavaScript
- Size: 4.13 MB
- Stars: 110
- Watchers: 4
- Forks: 64
- Open Issues: 11
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Twilio Video chat with React Hooks
This is an example video chat application built with [Twilio Video](https://www.twilio.com/docs/video) and React, using Hooks.
Learn how to build this entire application in the blog post [Build a Twilio Video Chat with React Hooks](https://www.twilio.com/blog/video-chat-react-hooks).
## Preparing the application
To run the application you will need a [Twilio account](https://www.twilio.com/try-twilio) and Node.js and npm installed. Start by cloning or downloading the repo to your machine.
```bash
git clone https://github.com/philnash/twilio-video-react-hooks.git
cd twilio-video-react-hooks
```
Install the dependencies:
```bash
npm install
```
Create a `.env` file by copying the `.env.example`.
```bash
cp .env.example .env
```
### Credentials
You will need your Twilio Account SID, available in your [Twilio console](https://www.twilio.com/console). Add it to the `.env` file.
You will also need an API key and secret, you can create these under the [Programmable Video Tools in your console](https://www.twilio.com/console/video/project/api-keys). Create a key pair and add them to the `.env` file too.
## Running the application
Once you have completed the above you can run the application with:
```bash
npm run dev
```
This will open in your browser at [localhost:3000](http://localhost:3000).