Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[ Feat: Implement Raise Hand Feature and UI Notifications πŸ™‹β€β™‚οΈπŸ”” ] #14

Open
lalitdotdev opened this issue Jun 28, 2023 · 3 comments
Labels
good first issue Good for newcomers help wanted Extra attention is needed

Comments

@lalitdotdev
Copy link
Owner

Task Description :
To enhance the conference experience in Coderspace, we need to implement a raise hand feature that allows participants to indicate when they have a doubt or question during a conference call. Additionally, we need to show UI notifications, such as toast messages πŸ””, in other participants' rooms to notify them about the raised hand.
issuehand

Tasks:

  1. Implement raise hand functionality πŸ™‹β€β™‚οΈ: Create a raise hand button or icon within the conference interface that participants can click to indicate they have a doubt or question. Ensure that the raise hand action is captured and associated with the participant's user ID.

  2. Handle raise hand events βš™οΈ: Establish a real-time connection using WebSockets or Socket.io to transmit raise hand events from the participant who raised their hand to other participants in the conference. Handle these events on the server and notify other participants about the raised hand.

  3. Update UI with toast message πŸ“’: Design and implement a toast message component that displays a notification to other participants whenever someone raises their hand. The toast message should include relevant information such as the participant's name and their doubt or question.

  4. Integrate UI notifications in conference rooms πŸ“Ί: Update the conference room UI to listen for raise hand events and display the toast message whenever a participant raises their hand. Ensure that the toast message is visible to all participants and is designed to be unobtrusive yet attention-grabbing.

  5. Manage hand raising and lowering βœ‹: Implement functionality to track the status of participants' raised hands. Allow participants to lower their hand once their doubt or question has been addressed. Update the UI to reflect the current status of participants' raised hands.

By implementing the raise hand feature and UI notifications, we will improve communication and engagement during conferences in Coderspace, allowing participants to effectively address doubts and questions. The toast messages will provide immediate visibility to other participants, creating a collaborative and supportive environment. πŸš€πŸ€

@lalitdotdev lalitdotdev added help wanted Extra attention is needed good first issue Good for newcomers labels Jun 28, 2023
@DeexithParand2k2
Copy link

Can you please assign this issue to me, I'll try to solve this.

@lalitdotdev
Copy link
Owner Author

Can you please assign this issue to me, I'll try to solve this.

Thanks @DeexithParand2k2 for your interest
Before you start coding, please make sure you have successfully set up the project on your local environment and raise a PR if
you are done.

@DeexithParand2k2
Copy link

Thanks for replying @mrExplorist, once I've completed, I'll raise a PR.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Good for newcomers help wanted Extra attention is needed
Projects
None yet
Development

No branches or pull requests

2 participants