https://github.com/dipanshkhandelwal/react-native-webrtc-firebase

Minimal react native web-etc example with Firebase
https://github.com/dipanshkhandelwal/react-native-webrtc-firebase

firebase firestore javascript react react-native reactjs video-call web-rtc web-rtc-demo

Last synced: about 2 months ago
JSON representation

Minimal react native web-etc example with Firebase

• Host: GitHub
• URL: https://github.com/dipanshkhandelwal/react-native-webrtc-firebase
• Owner: DipanshKhandelwal
• Created: 2020-04-12T23:42:27.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T19:15:49.000Z (almost 2 years ago)
• Last Synced: 2023-03-01T10:22:06.596Z (almost 2 years ago)
• Topics: firebase, firestore, javascript, react, react-native, reactjs, video-call, web-rtc, web-rtc-demo
• Language: JavaScript
• Homepage:
• Size: 5.87 MB
• Stars: 41
• Watchers: 3
• Forks: 18
• Open Issues: 25
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# react native web-rtc firebase

Minimal react native web-etc example with Firebase

## Read

This blog might help to understand the code : [dipanshkhandelwal-medium-react-native-webrtc-firebase](https://dipanshkhandelwal.medium.com/video-calling-using-firebase-and-webrtc-14cc2d4afceb)

## Demo

![Demo GIf](./demo/demo.gif)

## Steps to setup the project

1. Clone the reposiotry `git clone https://github.com/DipanshKhandelwal/react-native-webrtc-firebase.git`

2. Create a new firebase project `https://console.firebase.google.com/`

3. Add new apps in the firebase console

4. Add firebase config to the apps.

    - For `Android`:

        - Download the `google-services.json` and add it to this path `android/app/`

    - For `ios`:

        - Download the `GoogleService-Info.plist` and add it to your ios project using `xcode`

5. In the `firebase console` remember to create a new `Firestore` database and keep it's rules to test mode.

6. Go to the project folder, and run the following command.

    - `yarn install`

7. Build the app:

    - For `Android`

        - `yarn run android`

    - For `ios`

        - `yarn run cocoapods`

        - `yarn run ios`

## Steps to run

Take a look at the demo for understanding the steps better.

- Enter Room Id.

- **Caller**

  - Call Screen

  - Start Call

- **Callee**

  - Join Screen

  - Join Call

- Stop Call