Teams-clone

Made for Microsoft Engage'21
This project is deployed at https://teamsclonebyshriyanshi.herokuapp.com/
Link to the Product Demo

Features

Input Name

• If left empty, A random name will be assigned

Chat Feature

• User can chat before as well as during the call
• Equipped with auto-scroll

Group Call

• Upto 5 people can engage in group call and chat

Copy Invite Link

Audio Mute/Unmute

Video On/Off

Share Screen

Responsive

Agile Implementation

Week 1

• Learn and Design
• Chose the tools and technologies and designed a basic prototype

Week 2 and 3

• Added more features, Eg. Screen share, mute Audio/video, Chat etc

Week 4

• Chat Feature Improved and Documentation updates.

Technologies used

• Node express server
• React frontend
• WebRTC
• Socket.io
• Simple-peer
• Bootstrap

Setup

git clone [email protected]:shriyanshibhadada/Project.git

Server setup

npm i
nodemon

Client setup

cd teams-clone
npm i
npm start

Todo

• TURN server
• Chat responsivity
• Remove participant
• List of people in the call

References

• https://bootstrapmade.com/onepage-multipurpose-bootstrap-template/
• https://github.com/Hyunse/video-group-meeting
• https://github.com/akkii922/google-meet-clone
• https://github.com/webrtc/samples
• https://github.com/WebDevSimplified/Zoom-Clone-With-WebRTC
• https://www.favicon-generator.org/
• https://socket.io/

License

MIT License