I created this project as a part of Microsoft Engage'21 Mentorship Program. I built a fully functional Microsoft Teams clone with WebRTC and React by implementing some techniques of the agile methodology in my project. Using this app, you can create chat rooms and have high quality video calls with your team members.
Check out the live demo: https://clonemsteamschat.herokuapp.com/
Guest ID 1:
username: guest1
password: 2444
Guest ID 2:
username: guest2
password: 2444
Guest ID 3:
username: guest3
password: 2444
To build a fully functional prototype with at least one mandatory functionality - a minimum of two participants should be able connect with each other using your product to have a video conversation.
- Video Conference App
- Chat App
A fully functional Microsoft Teams clone built using WebRTC, Node.js and Express. Using this app, you can have high quality video calls with your friends all around the globe.
GitHub repo link: https://github.com/Ria700/MSteamsClone
Check out the live demo: https://clonemsteams.herokuapp.com/
- Node.js
- express
- socket.IO
- EJS
- UUID
- PeerJS (WebRTC)
- Deployment: Heroku
Make sure you have Node.js installed in your system. If not, download it from here.
Clone the following repo on your local system.
git clone https://github.com/Ria700/MSteamsClone.git
Install PeerJS globally.
npm i -g peerjs
Now to install all required node modules
npm i
Run Server
npm start
Server Started on Port 3000.
Run PeerJS Server in separate terminal.
peerjs --port 3001
PeerJS Server Started on Port 3001.
Open browser and goto http://localhost:3000/
Important : Allow the camera and audio permissions asked by the browser.
Now copy the url and open in another tab.
Happy Video Call Experience!
- Have a video conference with friends over different tabs, browsers, devices and networks.
- More than two participants are able connect with each other using your product to have a good quality video conversation.
- Experience high quality video calls
- Switch audio on/off
- Switch video on/off
- Invite more participants
- Leave meeting
- UI similar to that of teams
- Chat with participants during the Call
- Mirrored video
- Adding own name to profile with which you join the meeting
- Chat application accessible
- One time use disposable meeting ids
An intensive chat application built with React and chatengine.io. With a user interface very similar to that of teams, you can create chat rooms, add and delete members, send messages, attachments and even dial in a video call.
GitHub repo link: https://github.com/Ria700/teamschat
Check out the live demo: https://clonemsteamschat.herokuapp.com/
- chatengine.io
- React
- Deployment: Heroku
Make sure you have Node.js installed in your system. If not, download it from here.
Clone the following repo on your local system.
git clone https://github.com/Ria700/teamschat.git
Now to install all required node modules
npm i
Run Server
npm start
Open browser and goto http://localhost:3000/
Create chat rooms and catch with your friends.
- Chat with friends from anywhere around the globe
- User Authentication
- Create and delete chats
- Add and delete members from chats
- Shows online and offline status
- Send attachments
- Connected to video
- UI similar to teams
- Sound Notifications for sending and receiving messages
- Prompt for wrong credentials
Guest ID 1:
username: guest1
password: 2444
Guest ID 2:
username: guest2
password: 2444
Guest ID 3:
username: guest3
password: 2444
On entering the wrong credentials you will receive this message:
2. Create rooms, add and delete members.
3. Send messages, attachments and dial in a video call.