Teams

A multi-participant video call platform for calling across the world for free with screen sharing!

🤞 Made possible with

✨ Feature list

🥅 Basic features

• Schedule 📅 meets, send invite via email 📩 & save to calendar.
• Create public 🌐 or restricted ☢️ meeting.
• Connect with multiple users via meeting link 🔗 or code.
• Realtime chat 💬, connect before or after the meeting.
• Chat in github like markdown. insert tables, code snippets, lists.
• Get notified if network 📶 connectivity lost.
• Toggle dark 🌑 or light 🌕 mode anytime.
• Audio notification 🔔 for chat and new user connect
• Screen Sharing 💻.
• Remove ⛔ Other Participants (only host).
• Shortcut keys to control meeting.
• Interactive animated UI.

🧑‍🎓 Classroom specific features

• Realtime whiteboard 📋 with multiple tools.
• Realtime Poll 📊 / Voting 🗳️.
• Take attendance 🙋‍♂️ and save in CSV format.
• Lock 🔒 meeting, late comer would not able to join 🚫.
• Get notified 👀 if student changes tab.

👨‍💻 Code features

• 100% strict ⚠️ typescript
• eslint and prettier friendly code
• Code splitting using @loadable/component
• Hooks 🪝 like React.useCallback React.memo which will increase performance.
• Unit tested with jest & e2e tested with cypress.
• Proper use of /** comments */ and descriptions for functions.

🙇🏻‍♂️ Acknowledgement

• Thanks arjhun777 for providing https://dev.to/arjhun777/video-chatting-and-screen-sharing-with-react-node-webrtc-peerjs-18fg

🚧 Workflow

🚀 Getting started

Guide for local deployment -

1. Clone the repository

git clone git@github.com:arpitBhalla/MicrosoftEngageMentorship2021.git

1. Change the working directory

cd server

1. Install dependencies

npm install

1. Change the working directory

cd client

1. Install dependencies

npm install

1. Run the app

npm start # in client directory /client

npm start # in server directory /server

1. Open project at http://localhost:3000

🌟 You are all set!

Lighthouse Report

Developed with ❤️ in India 🇮🇳 by

@arpitBhallla