https://github.com/huzaifsk/meet-mock
mockup of google meet
https://github.com/huzaifsk/meet-mock
Last synced: 3 months ago
JSON representation
mockup of google meet
- Host: GitHub
- URL: https://github.com/huzaifsk/meet-mock
- Owner: huzaifsk
- Created: 2025-05-13T20:46:35.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2025-05-13T20:56:45.000Z (6 months ago)
- Last Synced: 2025-05-13T21:47:54.073Z (6 months ago)
- Language: JavaScript
- Homepage: https://meet-mock.vercel.app
- Size: 41 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Google Meet UI Mockup (React + Tailwind CSS)
A polished UI clone of Google Meet built with **React** and **Tailwind CSS**, showcasing a functional front-end mockup with camera access, participant list, and responsive design.
## ✨ Features
- 📷 Live camera preview using `getUserMedia`
- 🎤 Toggle microphone and camera states
- 🧑🤝🧑 Simulated participant grid with random user images
- 🎛️ Responsive bottom controls bar (like in Google Meet)
- ⚙️ Utility buttons (Meeting Info, Chat, People, Activities)
- 🖥️ Fully responsive layout — optimized for desktop & mobile
- 🐱 GitHub icon linking to the repository
## 📸 Preview
## 🛠️ Getting Started
### Prerequisites
- Node.js v16+ recommended
- npm or yarn
### Installation
```bash
git clone https://github.com/huzaifsk/meet-mock.git
cd meet-mock
npm install
```
## 🤝 Contributing
We welcome contributions! Please read our [CONTRIBUTING.md](CONTRIBUTING.md) for details on how to submit bug reports, suggest features, and contribute code.
## 📜 License
This project is licensed under the [MIT License](LICENSE).
## 🙏 Acknowledgements
- This project was inspired by the user interface of Google Meet.
- Placeholder user images are provided by [randomuser.me](https://randomuser.me/).
## 📧 Contact
huzaifsk12@gmail.com