FrontEnd Assignment

Interview Task: Video Conferencing Grid UI

Approach

After going through the assignment prompt I decided on these priorities for delieverables,

• Create adapative grid UI mimicking video conferencing applications
• Make a list of dummy users (upto minimum 10K users)
• Add video streams to these users and optimise video
• Add buttons to add/remove users
• Add option to switch between various aspect ratios
• Add a sidebar containing users information and also showing the responsive nature of the grid

Run Locally

To run locally follow these steps,

• Clone the repo
• run npm i
• run npm run dev to start development server
• add env for MUX

Stack used

I have used following frameworks and libraries to build the application

• Next.js
• TailwindCSS
• shad-cn
• react-icons
• Mux: Video blob storage

Deployments

• I have deployed my interpretation of the assignment at video-call-ui.vercel.app.