mexili / incogly Goto Github PK

Is your feature request related to a problem? Please describe.
Add chakra UI to your main landing page

I think it is important to have contributing guidelines so that an open-source contributor know how to contribute properly.
Can I work on this?

Now the class components are soon to be deprecated, try porting them to functional components.

Is your feature request related to a problem? Please describe.

At the time of joining the client should be able to know that how loud his/her voice is. For that Meet has a voice visualizer.

In the left corner, there is the voice visualizer.

Describe the solution you'd like

There are two ways of doing it which I figured out. 1) to collect the decibel of the client in the backend and according to that, we will send a response to the client via visualizer. For that, we can use a package called decibel-meter.
2) A package that does it all like getting the sound and sending the amplitude on its own. The package is called p5.js.

Describe alternatives you've considered

Well, after googling many times, I found this video which can make you clear what I am trying to say.

CC incog-ly/incog-ly#4

Is your feature request related to a problem? Please describe.
Right now the app is just present in dark mode and not light mode which is required for some people. We just need to decide a light colorscheme of the app and then create a global toggle.

Describe the solution you'd like
Just propose a light colorscheme for now and we can integrate the feature collaboratively.

Approach to be followed (optional)
A white/ish background is a must for the light mode

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Approach to be followed (optional)
A clear and concise description of approach to be followed.

Additional context
Add any other context or screenshots about the feature request here.

Migrate to a newer version

Describe the bug
replace window.location.href with useHistory and useLocation in the video.jsx file

Idea

Implement eye tracking with the face-api and display it on the avatar to eliminate possibility of cheating

Cc @ayushjainrksh

Is your feature request related to a problem? Please describe.
A beta version to mask the voice.

Code of Conduct file which is important for the open source project community.
Can I work on this?

Currently, the video call happens only between 2 people.

We need to add a way to allow more than 2.

Hey I was just cloning the project and installing it from the instructions provided. I guess there is a small typo in the 'git clone' command in the documentation. Noticed an error

I would like to add a GitHub action to auto-assign mentors for every PR. It sometimes becomes hectic for the mentors to take a look at all the Projects for the PRs made by the Contributors. This action would give a nice notification about reviewing the pr and make things pretty easy for the mentor.

Demo :

cc @ani4aniket

Is your feature request related to a problem? Please describe.
Right now we have a socket server which is serving to create and moderate a group, adding a feature to send chats across the streams should not be a difficult task.

Describe the solution you'd like
This will serve the base of adding live captioning if using many stt and tts software.

Approach to be followed (optional)
Simple Enough!

Additional context
Add any other context or screenshots about the feature request here.

404 is a little ugly rn.

We can add a simple svg from undraw to improve the aesthetics!

This app only runs on HTTPS.

Use SSL to deploy this app

Is your feature request related to a problem? Please describe.
Add a description for the backend link and the separate fe repo

Repo rename after mwoc ends

No button is working in the app.

This looks like some use effect rendering multiple times. Need to check!

cc @ani4aniket

CC incog-ly/incog-ly#3

Create Docker containers to dockerise deploys

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Approach to be followed (optional)
A clear and concise description of approach to be followed.

Additional context
Add any other context or screenshots about the feature request here.

Issue is unique to my laptop and with other people

Need to check if this is with my network or just the laptop

Describe the bug
A clear and concise description of what the bug is.

To Reproduce
Steps to reproduce the behavior:

1. Open video call
2. Make some else join it
3. Video stream will not be visible

Expected behavior
Both video streams should be visible

Model sometimes couldn't load properly either on host and remote

cc @ani4aniket

Is your feature request related to a problem? Please describe.
CRA has a lot of limitations regarding the config structure and file directory. Eject all the files and configure them for Webpack

Describe the solution you'd like
yarn eject

Describe alternatives you've considered
use parcel maybe?

Idea

I would like to implement anonymous mock interviews for fellows where 2 random people can join the interview in which one person acts as interviewer and other as interviewee (they would be masked in the video call). This would help fellows prepare for the actual interview and also you wouldn't know who interviewed you or whom are you interviewing.

This issue is open for discussions. Please add your suggestions.

CC incog-ly/incog-ly#11

Right now the Landing Page is a little old and the fonts are not very crisp on different screens.

You can create a new landing page as per your imagination.

Requirements:

1. Get the mockup approved
2. Make the PR.

We can split the PR into 2 issues and can allot the points as required.

Is your feature request related to a problem? Please describe.
Since the older ui is a little dated, we are implementing a newer User Interface.

Describe the solution you'd like
Implement the newer UI:

Describe alternatives you've considered
Maybe propose a mobile UI?

Approach to be followed (optional)
Styling to be done via SCSS and front end via ReactJS.

Can I add pull request template to this project to enhance the workflow of the repository?

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.

Describe the solution you'd like
A clear and concise description of what you want to happen.

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Approach to be followed (optional)
A clear and concise description of approach to be followed.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
Currently, there is no feature to modulate the audio stream of video calls

Describe the solution you'd like
Ability to change the audio voice

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.

Approach to be followed (optional)
A clear and concise description of approach to be followed.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.

• Minor UI fix, Spacing fix between the button and the input box
• Add buttons for Join with audio enabled and video-enabled
• Size equal of the input box and button box
• Handle overflow of input box

Describe the solution you'd like
A clear and concise description of what you want to happen.

Is your feature request related to a problem? Please describe.
No it is a new feature request.

Describe the solution you'd like
Using the newly announced MediaPipe Selfie Segmentation Solution for Web to allow dynamic background change during live video. ( Refer : https://google.github.io/mediapipe/solutions/selfie_segmentation.html )

Describe alternatives you've considered
The https://github.com/tensorflow/tfjs-models/tree/master/body-pix Bodypix model can also do body segmentation. But the Selfie Segmentation model is lighter.

Approach to be followed (optional)

• Use the CDN link or NPM package for MediaPipe.
• Define the model type ( General or Landscape )
• Define the canvas element and Video capture device
• Load the model and send the canvas as the input element
• Wait for the segmentation mask to be generated
• Choose between different types of backgrounds

Additional context

• Refer to https://google.github.io/mediapipe/solutions/selfie_segmentation.html
• https://google.github.io/mediapipe/images/selfie_segmentation_web.mp4

Is your feature request related to a problem? Please describe.
Since we will be deloying to cra based app instead of a custom webpack based one.
It makes sense to create a deployment pipeline on github pages.

Is your feature request related to a problem? Please describe.
A clear and concise description of what the problem is.

1. In the steps to get started with the Installation , the 3. step is written wrong in the ReadMe , due to which many of my beginner friends are facing issues -----> Its written " yarn && node server.js"
2. In the steps it's my suggestion to please include this point that any contributor first has to install node modules or typically express , but yeah something related to installation should be written

These 2 are the problems faced by some beginners who are willing to contribute but getting confused

Describe the solution you'd like
A clear and concise description of what you want to happen.

1. I want to correct the 3. step to " yarn or node server.js "
2. I want to include in the readme to install the necessary package or module which is needed to run the following command "node server.js" or "yarn server.js"

Describe alternatives you've considered
A clear and concise description of any alternative solutions or features you've considered.
No, the correct steps I mentioned will help everyone to go smooth

Approach to be followed (optional)
A clear and concise description of approach to be followed.

Additional context
Add any other context or screenshots about the feature request here.

Is your feature request related to a problem? Please describe.
The user would want to view the code repository and having a footer icon in the anding page would navigate the user to the codebase

Additional context
No additional context

Is your feature request related to a problem? Please describe.
This bot would help a first time contributor so that that contributor can follow this project's contribution guidelines.We can link our issue template, pull request template and code of conduct here.It will contain newIssue Welcome comment, newPR Welcome comment, firstPR welcome comment,etc.

We can use a GitHub App built with probot that welcomes new users when they open their first issue. You can use this welcome message to provide links to resources like the contributing guidelines, code of conduct, etc. It should be located in a .github/config.yml

Demo 1

Demo 2

@sansyrox Sir, As shown in picture On phone "Create room" text is in the left side which is not looking good. I think shifting it into center will look good in the mobile phone. I want to work on this issue. Please assign it to me.

Describe the bug
A clear and concise description of what the bug is.
On checking the current state of the website. I saw that the description had a placeholder text of lorem ipsum and the heropage.js had the relevant description. I am confused to as which branch is currently in deployment.

Expected behavior
A clear and concise description of what you expected to happen.
The relevant description on the website should be displayed about Incog.ly.

Screenshots
If applicable, add screenshots to help explain your problem.

Additional details

Add CONTRIBUTING.md File

As this project is a part of an Open Source Program NJACK Winter of Code I would recommend to have a contribution guidelines file (CONTRIBUTING.md) to assist beginners to get started with open source contribution.

Points to be covered in the guideline :

• How to pull your first request.
• How to create issue.
• Some general rules to keep in mind while contributing to an open source project.
• Links of some tutorials which will help beginners to learn the basics of git and github.

This can be done with WebRTC ScreenSharing.

Can I make issue templates to enhance the workflow of the repository?

Describe the bug
The app is ending the call when the user sends the chat in the socket stream.

To Reproduce
Steps to reproduce the behavior:

1. Join the call
2. Try to send the message
3. App will log you out

Expected behavior
The app should successfully send the app to the backend

Actual behavior
Crashing at the moment

Description

Implement a face expression detection system in the webcam video.

Possible Implementation

Using face-api.js library

CC incog-ly/incog-ly#12

Describe the bug
A is unable to create sessions with socket io shizz. Todo switch to flask for socket io server and include multipeer or simplepeer to remove the issues.

We need an ability to obfuscate audio that we are sending across the stream.

cc incog-ly/incog-ly#2