GitXplorerGitXplorer
K

MicrosoftEngage2021

public
0 stars
0 forks
0 issues

Commits

List of commits on branch main.
Verified
4477cd6acf930b7ccc638c9a56ce5bb5b5b30fd2

Update Readme

KKrAman27 committed 4 years ago
Unverified
b2e0fa652a90d5ca46615cbe1f44649ea9cef586

Update Readme

KKrAman27 committed 4 years ago
Unverified
7c7598eb60ca4ca7e3a98ddb834dcf04d20f7c4a

Update Readme

KKrAman27 committed 4 years ago
Unverified
871aeec19d1c2c8131cfd82b6ff446769847baff

Update backend server

KKrAman27 committed 4 years ago
Unverified
fc3bddfe2bfdf044902ebeb77f4cdd0e0c182d94

Update file for chat section

KKrAman27 committed 4 years ago
Unverified
bc9a87e0642455669ce043ee299ef21dc4157d86

Update Particulars.js for chat section

KKrAman27 committed 4 years ago

README

The README file for this repository.

MCE Connect 📸

MCE Connect is a Real Time Web based Video Calling and Message Chat Application through which users can connect to each other online via Video Calling and they can chat as well. This is the project I have made under Microsoft Engage Mentorship Program'21.
Program Microsoft Engage'21
Project Build a Microsoft Teams Clone
Product MCE Connect
Demonstration Demo Video
Project URL Live Project
Contributor Aman Kumar

Use of Agile Methodology

Sprints Planning
Week 1 Learning & Research about WebRTC
Week 2 Implementation of Video Calling & UI Design
Week 3 Implementation of UI & Additional Features
Week 4 Adopt Feature : To Add Chat

Features

  • Light/dark mode toggle
  • Video Calling
  • Online Chat
  • Microphone mute/unmute
  • Camera on/off
  • Send the invites through
    • Copy & Paste
    • WhatsApp
    • Telegram
  • Responsive UI

Screenshots

Header

header

Hero Section

first

About MCE Connect

description_mce_connect

Easy steps

steps

Main Features

main_features

Contact us

contactus

Footer

footer

Before Connecting 🤵

tempsnip

Light/Dark theme toggle

theme

Options

IDtoCall

Camera off & muted Microphone

cameraOffMicmute

Incoming Call

IncomingCall

After Connecting

connect

Chat Feature 📧

chat

Run Locally

Clone the project

  git clone https://github.com/KrAman27/MicrosoftEngage2021.git

To start the backend server

Go to the Backend Directory

  cd backend

Install dependencies

  npm install

Start the server

  node index.js

To start the frontend

Go to Frontend Directory

  cd frontend

Install dependencies

  npm install

Start the frontend

  npm start

Tech Stack

FrontEnd:

  • Antd
  • Material-ui
  • React
  • TailwindCSS
  • feather icons
  • styled components

Backend:

  • Node
  • Express
  • socket.io
  • socket.io-client
  • simple-peer

Futuristic Features

  • Screen Sharing
  • Groups and Channels
  • Code collaborating systems
  • Record Meeting