sahilverma-dev / sonic-meet

Sonic Meet is a video-chatting service designed primarily for business, office and educational use, which lets colleagues chat over video and text.

Sonic Meet

This project can be described as "a video meeting experience with one goal: make joining meetings effortless". We connect people through frictionless video, voice, chat, and content sharing and enable face-to-face video experiences for thousands of people in a single meeting across disparate devices and locations.

Live Website

https://sonic-meet.netlify.app/

Home Page

Room Page

Run Locally

Clone the project

  git clone https://github.com/theviralboy/sonic-meet

Go to the project directory

  cd sonic-meet

Install dependencies on client and backend

  cd client
  npm install

  cd backend
  npm install

Adding Firebase

• Go to Firebase console.
• Crete a new project in Firebase.
• Enable Firesbase Authentication and FireStore.
• Go to the setting of the project and copy your credentials.
• Change Firebase config and use your own.

firebase/config.js

const firebaseConfig = {
  apiKey: "xxxxxxx-xxxxxxxxx-xxxxxxxxxx-xxxxxxxxxxxx",
  authDomain: "xxxxxxx-xxxxxxxxx-xxxxxx",
  databaseURL: "xxxxxxx-xxxxxxxxx-xxxxxx",
  projectId: "xxxxxxx-xxxxxxxxx-xxxxxx",
  storageBucket: "xxxxxxx-xxxxxxxxx-xxxxxx",
  messagingSenderId: "xxxxxxx-xxxxxxxxx-xxxxxx",
  appId: "xxxxxxx-xxxxxxxxx-xxxxxx",
};

Start the client server

  npm run start # on client folder and it will run on localhost:3000

Start the backend server

  npm run start # on backend folder and it will run a server on localhost:5000
  npm run dev # on backend folder and it will run a development server on localhost:5000

And you are ready to go!

Tech Stack

React, Firebase 9, TailwindCSS 3, simple-peer, Node JS, Socket IO

Feedback

If you have any feedback, please reach out to us at [e-mail]