🚀 Clear-Connect – Your Next-Gen Web Conferencing Application! 🎥💻

Over the past few weeks, I’ve been working on Clear Connect, a full-stack web conferencing platform built using WebRTC and the MERN stack (MongoDB, Express.js, React, Node.js) — and I'm excited to finally share it!

---

🔧 Tech Stack Highlights

• 💻 Frontend: React with support for Light/Dark themes
• 🌐 Backend: Node.js, Express, Socket.IO, and WebRTC for real-time video communication
• 🔐 Authentication: Google OAuth 2.0 for seamless login/signup and JWT for secure token-based authentication

---

🎯 Core Features

✅ Create or join secure meetings
✅ Real-time video & audio communication
✅ One-click screen sharing
✅ In-meeting chat & participant list
✅ Toggle video/audio controls
✅ Edit profile & view past meeting history
✅ Fully responsive UI with dark/light mode support

💡 Tip: Try connecting through different networks since WebRTC establishes peer-to-peer connections across varied environments.

---

📸 Demo

• 📌 Live Demo: Clear Connect
• 📌 GitHub Repo: Source Code

---

🧠 What I Learned

• Integrating WebRTC with Socket.IO for reliable peer connections
• Managing real-time video/audio streams across multiple participants
• Implementing persistent user data storage with MongoDB
• Refining UX/UI with responsive design & dark/light theme switching

---

🚀 Getting Started

1️⃣ Clone the Repository

git clone https://github.com/your-username/clear-connect.git
cd clear-connect

2️⃣ Install Dependencies

Install backend dependencies

cd server npm install

3️⃣ Setup Environment Variables

MONGO_URI=your_mongo_connection_string JWT_SECRET=your_jwt_secret GOOGLE_CLIENT_ID=your_google_client_id GOOGLE_CLIENT_SECRET=your_google_client_secret

4️⃣ Run the Application

Start backend

cd server npm run dev

Start frontend (in a new terminal)

cd client npm start

📬 Feedback

I’d love to hear your thoughts and suggestions! Drop a ⭐ on the repo if you like the project ✨