Meeting is a real-time video conferencing web app featuring hand pose detection, which provides a lot of fun during meetings.

• demo website: https://jaywang-project.com/
• test account and password: (test@test.com, 123456789a)

• Features
• System Architecture
  • System Design
  • Communication
• Backend Technique
  • Key Points
  • Infrastructure
  • Environment
  • Database
  • Database Schema
  • Networking
  • Unit Test
  • Load Test
• Frontend Technique
  • React Component Design
  • React Router
  • Redux (redux-toolkit)
  • WebRTC
• Cloud Services
• Version Control
• CICD
• Third Party Package
• API Doc
• Contact

• Real-time video and audio streaming for your team

• Real-time chat room for easy negotiation

• Sharing screen to make your work more convenient
• Recording the stream allows you to keep a record of your meeting

• Expressing your emotions through hand poses make the meeting more fun

• Sign in locally or use Google OAuth
• JWT authentication
• Support mobile devices so you can connect with others anywhere

• MVC pattern

• Websocket

• Self-trained Mobile-SSD model on TensorFlow for hand pose detection (repo)

• Docker-compose

• Node.js/Express.js

• MongoDB Atlas

• HTTP & HTTPS
• Domain Name System (DNS)
• NGINX
• SSL (sslforfree)
• Docker Nework

• mocha/chai

• api request load test
• with/without ALB comparision

• SPA routing

• For global variables

• AWS EC2: as backend host machine
• AWS S3: store avatars and recordings
• AWS cloudfront: host React and TensorFlow model
• AWS load balabcer: use for load balance architecture
• AWS elasticache: redis cache
• AWS cloudFormation: construct Distributed Load Testing environment
• AWS Distributed Load Testing: for load testing
• AWS Route 53: manage DNS CNAME and A record

• Git/GitHub

• Git Action

• simple-peer-light
• recordrtc
• tensorflow/tfjs
• passport

• Link

• author: Jay Wang
• LinkedIn