Custom React video chat app with Daily React Hooks

This is a demo of a React app using Daily's call object API and the Daily React Hooks library to showcase a basic video web app:

Test a deployed version of this app at https://custom-video-daily-react-hooks.netlify.app/.

---

Requirements

To use this demo, you will first need to create a Daily account. You will also need a Daily room URL, which you can get via two options in this demo:

• To create new Daily rooms directly through this demo's UI, you will need your Daily API key, which can be found on the Developers page. This will be used in your environment variables. (Instructions below.)
• Alternatively, you can use existing Daily rooms in the demo by pasting the room URL into the input. The room URL should be in this format to be valid: https://your-domain.daily.co/room-name, with daily-domain changed to your domain, and room-name changed to the name of the existing room you would like to use.

---

Running locally

To run this demo locally:

1. Install dependencies npm install
2. Start dev server npm start
3. Then open your browser and go to http://localhost:3000.

Creating new rooms locally

To create rooms new rooms via the app UI while testing locally, follow the these additional steps:

• rename example.env to .env
• add your Daily API key (available in the Daily dashboard) to .env

REACT_APP_DAILY_API_KEY=<-Your Daily API key here->

• In api.js, comment out the default request and uncomment the local request.
• Restart your server, i.e. re-run npm start

OR...

Deploy on Netlify

If you want access to the Daily REST API (using the proxy as specified in netlify.toml), you can deploy your own copy of this repo with one click via Netlify:

Note: You'll need your Daily API key handy for this step.

Visit the deployed domain provided by Netlify after completing this step to view the app.