Skip to content

anshika-18/Ms-team-frontend

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

49 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Ms teams Clone

Microsoft Engage'21

Functionalities


  • This is ms teams clone in which you can connect more than two people in real time.
  • You can video call and chat in real time.
  • It has basic functionalities like toggle audio and video and leave call.
  • You can join meet via your teams or instant meet or using meeting Id.
  • It offers screen sharing, raise hand, instant messaging , 2-way authentication, send mail and copy link.
  • To inhance the UI i have two different themes - the light mode and the dark mode, video duration, features option for brief description about my webApp, Alerts, feedback collection.

Tech Stack Used


  • PeerJs
  • Socket.io
  • MERN stack
  • CSS
  • Javascript

To run it locally, Install it locally using npm

Terminal 1-

npm init
npm start

Terminal 2-

cd backend
node server.js

Home Page

light dark

Video Call

video

2-way Authentication

WhatsApp Image 2021-07-13 at 2 03 38 PM

Chat During Video call

chat

chat before and after Video call

adopt-chat-2

send Invite Mail

send

Share Screen

screen

Raise Hand

WhatsApp Image 2021-07-11 at 10 43 31 AM

Feedback

WhatsApp Image 2021-07-13 at 2 05 47 PM

Separate backend repository - https://github.com/anshika-18/Ms-team-backend