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.

Technologies

Visit

Screenshot

Sonic Meet

Sonic Meet

Visit

Detail

Sonic Meet is a project that 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.

I made this project as my final semester college project.

Set up locally.

Clone the project.

git clone https://github.com/sahilverma-dev/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, Tailwind CSS 3, simple-peer, Node JS, Socket IO.