Skip to content

shani24levi/SyncAlong-FrontEnd

Repository files navigation

SyncAlong-FrontEnd

React Hooks with Redux using Material UI libary for ui-design.

Demo Videos

Links

Peers Connection Logic and Implementations

To connect two users over WebRTC, we exchange information to allow browsers to talk to each other. This process is called signaling and it is facilitated by using NodeJS and socket server chained to the express .0 engine to provide the plumbing. Other than signaling, no data has to be sent through a server. When a connection is successfully established and authentication and authorization are complete, stream data exchanged between peers is directed to a React component for rendering.

Technologies used:

  • WebRTC - facilitates real time data communication between two peers.
  • simple-peer- Simple-peer library acts as a wrapper over WebRTC and makes it simpler.
  • socket-io as a wrapper over web sockets.
  • MediaPipe Google Ai Human pose estimation model.

OverAll system architecture

חדש22

Features

The app has the following features:

  • Video chat room with real-time audio and video
  • Real-time motion synchronization analysis and synchronization index view
  • Voice recognition while meeting with command control:
  • Start
  • Stop
  • Continue
  • Move on to the next
  • Move to the previous
  • CRUD Meeting : Name, Participant, Time and date
  • CRUD Profile user of Trainers and Trainees type
  • CRUD User : Authentication and validation
  • Enable/disable camera

QA and Automation Testing

Setting all test files in Development_documents_and_Testing folder includes:

  • docs for Development documents
    • alpa
    • bata
  • doc for QA
    • class diagram
    • uml
    • use case
  • Scripts test case with selenium using python

Our Web System

234 עמוד פגישה2 ‏‏לכידה