justakshitagrawal / cadbury11

Cadbury11: Video Conferencing Grid UI

This project is a video conferencing grid UI built using Next.js, TypeScript, TailwindCSS, and Framer Motion. It showcases a user interface for a video conferencing application, complete with various features and animations to enhance the user experience.

Getting Started

To run the project locally, follow these steps:

• Clone the Git repository to your local machine.
• Navigate to the project directory.
• Run npm install to install the required dependencies.
• After the installation is complete, run npm run dev to start the development server.
• Open http://localhost:5000 in your web browser to see the project live.

Features

• Participant Management: Add or remove participants from the video conferencing grid.
• Video Resolution Support: The UI supports both 16:9 and 4:3 aspect ratios for video displays.
• Shuffle Function: Simulate the joining and leaving of participants in real-time with the shuffle function.
• Sidebar: Access additional information or functionalities through the sidebar.
• Animations: Subtle animations have been implemented to enhance the visual appeal and provide a smoother user experience.

Technologies Used

• Next.js
• TypeScript
• TailwindCSS
• Framer Motion