A video call application made with React.js + Firebase + WebRTC.
✅ 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
- 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-
Create a firebase web project in your firebase console and enable google authentication and firestore.
-
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>- Start the development server from the Client folder.
npm run dev- Start stripe cli webhook listner. For more information visit https://stripe.com/docs/webhooks.