Skip to content

React Chat & Video Calling API & SDK. Add 1000+ messaging & calling features & 100+ UI components to any web app. Low code React SDK for adding communication features to your app in <10 mins.

Notifications You must be signed in to change notification settings

MirrorFly/MirrorFly-React-Sample

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

89 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Mirrorfly-React-Sample-App

Welcome to the Mirrorfly sample app, a chat application built using React and Node.js.

  • One to One Chat: Allows users to exchange messages and media privately between two individuals.
  • Group Chat: Enables multiple users to participate in a single chat room, exchanging messages and media.
  • One to One Audio/Video Call: Allows users to have real-time audio or video conversations privately.
  • Group Audio/Video Call: Enables multiple users to participate in a single audio or video call session.
  • Meetings: Virtual meetings or video conferencing capabilities where multiple participants can join and collaborate through audio and video communication.

Note: Currently allowing a maximum of 8 users only for call activities.

Prerequisites

You need to install:

Installation and Setup

Step 1: Clone the Repository

Clone the repository to your local machine:

git clone https://github.com/MirrorFly/MirrorFly-React-Sample.git
cd mirrorfly-react-sample

Step 2: Install Dependencies

Install dependencies using npm:

npm install

Step 3: Add license key

Before integrating CONTUS MirrorFly Chat SDK, you need to obtain an SDK license key for your MirrorFly application. Follow these steps to get your license key:

  • Create an account on the MirrorFly Console page for free.
  • Provide your basic details.
  • Once logged in, navigate to your MirrorFly account 'Overview' page to find your license key.
  • Copy the license key from the 'Application Info' section.
  • Add your license key to the env file REACT_APP_LICENSE_KEY key.

Step 4: Start the Development Server

Start the development server:

npm start

Open your browser and visit http://localhost:3000 to view the application.

Building the Application

To build the application for production, run the following command

npm run build

This command will create a production-ready bundle in the build folder. You can then deploy this bundle to your server.

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy