VC-Room

A video call application made with React.js + Firebase + WebRTC.

   

Tech-Stack

                         

Goals

✅  User SignIn.

✅  Friend Request.

✅  Friend List.

✅  Incomming Call And Outgoing Call Notifications.

✅  Creating Actual Video Call

✅  Recent Calls

✅  Friend Suggestions

✅  User Profile Page

✅  Mobile Responsiveness

✅  Stripe Integration

Local Setup

1. Install the dependencies and devDependencies and start the server.

git clone https://github.com/TheNinza/vc-room.git

cd vc-room
npm install
cd client
npm install

2. Create a firebase web project in your firebase console and enable google authentication and firestore.

3. Setup environment variables.

# ./.env

FIREBASE_CONFIG = <VALUE>
FRONT_END_DEV = <VALUE>
FRONT_END_PROD = <VALUE>
NODE_ENV = <VALUE>
FIREBASE_BUCKET_NAME = <VALUE>
STRIPE_SECRET_KEY = <VALUE>
STRIPE_WEBHOOK_SECRET = <VALUE>

# ./client/.env

REACT_APP_FIREBASE_API_KEY = <Value>
REACT_APP_FIREBASE_AUTH_DOMAIN = <Value>
REACT_APP_FIREBASE_PROJECT_ID = <Value>
REACT_APP_FIREBASE_STORAGE_BUCKET = <Value>
REACT_APP_FIREBASE_MESSANGING_SENDER_ID = <Value>
REACT_APP_FIREBASE_APP_ID = <Value>
REACT_APP_FIREBASE_MEASUREMENT_ID = <Value>
REACT_APP_BACKEND_DEV = <Value>
REACT_APP_BACKEND_PROD = <Value>

4. Start the development server from the Client folder.

npm run dev

5. Start stripe cli webhook listner. For more information visit https://stripe.com/docs/webhooks.