search

Soumojitshome2023 / nextjs-videocall-webapp

https://soumojit-nextjs-videocall-webapp.vercel.app/
7 stars 30 forks source link

UI Improvements Needed for WebRTC Video Call Interface #21

Open Soumojitshome2023 opened 6 days ago

Soumojitshome2023 commented 6 days ago

The current user interface (UI) for the WebRTC video call feature needs improvement to enhance the user experience. Some of the UI elements are not well-aligned, and the overall design could be made more intuitive and user-friendly. This will help improve usability and make the app more visually appealing.

Problems Noted: Alignment Issues: Some buttons and text fields are not properly aligned on different screen sizes. Responsive Design: The video call UI is not fully responsive on mobile devices, with certain elements overlapping or becoming difficult to use. Button Styling: Call-related buttons (e.g., "End Call", "Mute", "Video Off") could be styled to be more prominent and consistent with the app’s overall design. Participant Video Grid: When there are multiple participants, the video grid layout can become cluttered or inconsistent.

Suggested Improvements: Adjust alignment of UI elements on various screen sizes (desktop, tablet, mobile). Make the design more responsive, ensuring that the layout adapts to different screen sizes without breaking. Restyle buttons and icons for better visibility and consistency. Improve the video grid layout to handle multiple participants more effectively.

Expected Outcome: A clean, responsive, and intuitive UI that enhances the user experience across different devices, especially during video calls.

LaibaKhalil61 commented 6 days ago

Can you assign this to me?

Soumojitshome2023 commented 5 days ago

Best of luck ✨ @LaibaKhalil61