Giter VIP home page Giter VIP logo

unite's Introduction

Unite - Video Conferencing Web App

Submission for Microsoft Engage 2021 🌟

GitHub code size in bytes GitHub last commit GitHub stars My stars GitHub forks Code size Languages Top Issues Watchers

Video conferencing solutions with Unite using peer-to-peer connection.

Unite-logo

Generic badge

Features and Interfaces

  1. Landing Page and Feeback Form

    • Seamless landing page with Login with Google button for user Login using Firebase Authentication

    • image

    • One of the most important part of Agile is feedback, therefore the app has a feedback form in the footer

    • image

    • Witness by journey of these 4 weeks, through a concise timeline on my landing page

    • image

  2. Home page

    • Has a signout button with app cards for different features and left division shows the rooms created by user as well as recent rooms visited

    • image

    • Toggle between dark-light using the moon icon, according to your preference

    • image

    • Preview app cards for the application

    • image

  3. Create Meeting

    • Create a room and invite people to join by copying the meeting code

    • image

    • Enter the common chat room that persist the messages using MongoDB

    • image

  4. Join Meeting

    • Enter the copied meeting ID in a form and join the room with your loved ones.
    • image
  5. Video calling & Persistent text chat

    • Chat with your friends, family and professional peers before, during and after the meeting.

    • image

    • image

    • Screen Share options

    • image

  6. Schedule Meeting

    • Schedule Meeting with Google Calendar and invite people by just entering their email addresses and the app schedules a meet for you with a unique meeting ID as well!

    • image

    • Mail sent on scheduling a meeting

    • image

    • image

  7. AI powered posture bot

    • Using Tf.js posenet model, the bot notifies the user if they are sitting in a bad posture or too close to the screen.
    • Keep your health in check and use this functionality with and without even being in a meeting
    • image

Tech stack

image

Tools and Languages:

bootstrap css3 express firebase gcp git heroku html5 javascript mongodb nodejs sass tensorflow

Points to remember while testing the app

  1. Allow permissions for camera and mic
  2. In case any user is not broadcasted it is probably due to server overload, REFRESH the window to solve this.
  3. Make sure the URL is starting with https
  4. While scheduling a meet make sure the start and end date follow a logical sequence or else it’ll show an error.
  5. While testing the Posture bot, allow permissions for the camera and allow notifications, and REFRESH the page for changes to take effect.
  6. Wait for the model to analyze, and check for notifications

Instructions

  1. git clone https://github.com/Apurva-tech/unite.git
  2. cd ./unite
  3. Install node dependencies
    • npm install
  4. Replace firebase API keys with your configurations
  5. Create a .env file
    • Add relevant credentials
    • cp .env.example .env
  6. npm run dev
  7. The app is now running at http://localhost:3030/landing

Useful Links

Need help?

Feel free to contact me on LinkedIn

Instagram Twitter Medium


if (youEnjoyed) {
    starThisRepository();
}

unite's People

Contributors

apurva-tech avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

unite's Issues

INSTRUCTIONS: 5

How to create a .env file?? what would be its contents?? What credentials??
Please elaborate.

video conferencing is not happening after sharing token

Hello Apurva,

We tried to install and run the application for our academic research, but we are not able to establish the video conference connection between users. once we joined the room video's cannot be seen and chat is not working.

can you help?

credentials

MONGODB_URI=""
GAPI_CLIENT_ID=""
GAPI_CLIENT_SECRET=""
GAPI_REFRESH_TOKEN=""
EMAIL=""
PASS=""

how can i get all of this credentials....i got some...
but can anybody help me out

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.