Apna Video Call is a high-performance, premium video conferencing application built with the MERN stack, WebRTC, and Socket.io. It features a stunning "Cinematic" design system with glassmorphism, fluid animations, and a focus on visual excellence.
- 🎥 High-Quality Video/Audio: Reliable peer-to-peer communication powered by WebRTC.
- 🖥️ Screen Sharing: Seamlessly share your screen with other participants in real-time.
- 💬 Real-time Chat: Integrated messaging system with a sleek, semi-transparent UI.
- 🛡️ Guest Join: Join meetings instantly via session ID without needing an account.
- 📜 Meeting History: Securely log and track your past neural transmissions (for registered users).
- 🎨 Cinematic UI: A state-of-the-art design system featuring:
- Aurora backgrounds and fluid WebGL-style effects.
- Premium glassmorphism and micro-animations.
- Responsive layouts for all device types.
- Frontend: React.js, Material UI, Lucide/Feather Icons
- Backend: Node.js, Express.js
- Real-time: Socket.io (Signaling & Chat)
- Communication: WebRTC (P2P Media Streams)
- Database: MongoDB (User Data & History)
- Styling: Vanilla CSS (CSS Modules)
git clone https://github.com/ayanhakeem/ApnaVideo_Call.git
cd ApnaVideo_Callcd backend
npm installCreate a .env file in the backend directory:
PORT=8000
MONGO_URL=your_mongodb_connection_stringcd ../frontend
npm installCreate a .env file in the frontend directory:
REACT_APP_BACKEND_URL=http://localhost:8000Start the Backend:
cd backend
npm run devStart the Frontend:
cd frontend
npm start- Launch the App: Open
http://localhost:3000in your browser. - Join as Guest: Click "Join Session" in the navbar and enter any code.
- Sign Up/Login: Create an account to access your personal meeting history.
- Meeting Controls: Use the control bar to toggle Camera, Microphone, Screen Sharing, and Chat.
This project is licensed under the ISC License.
Created with ❤️ for the next generation of digital spatial communication.