The app we are going to build in this chapter is a simple video conferencing app with which you create a room and then share the room URL to others. Whoever clicks on the URL will be able to join the call. For the UI part, we can arrange the video of participants in small boxes and, when you click on a participant, we can enlarge the video. This type of Video Call app is widely used nowadays. Here's how the app will look on a desktop browser:
The blue box will display your video, while the other boxes are supposed to display the videos of the other participants. The row will automatically wrap to a new row when the number of participants increases (flex-wrap). In mobile devices, we can show the videos in columns instead of rows, since it will be more effective for smaller screens. So, for mobiles, the application should look as follows...