Back to projects
Sonic Meet

Sonic Meet

June 10, 2022

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

Home

Home

Room Page

Explore

Explore

Run 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, TailwindCSS 3, simple-peer, Node JS, Socket IO

Feedback

If you have any feedback, please reach out to us at sahilverma.webdev@gmail.com