Conduct live coding interviews with real-time video calling, collaborative code editing, secure authentication, coding practice, and multi-language code execution using an online compiler API.
- 💻 VS Code-like Monaco Editor
- 🌙 Dark & Light Theme Support
- 🌍 Multi-language Code Support
▶️ Real-time Code Execution- 🧪 Custom Code Testing
- 📋 Copy Code
- 💾 Save Code
- 🧩 Coding Practice Mode
- 📚 Multiple Coding Problems
- 🎯 Automatic Test Case Evaluation
- 🎥 1-on-1 Video Interview Rooms
- 💬 Real-Time Chat
- 🎙️ Microphone Toggle
- 📷 Camera Toggle
- 🖥️ Screen Sharing
- 🎥 Interview Recording
- 🔒 Private Interview Rooms (Maximum 2 Participants)
- Clerk Authentication
- Protected Routes
- User Profiles
- Secure Sessions
- Live Interview Statistics
- Coding Dashboard
- Interview History
- Recent Activity
- REST API using Express.js
- MongoDB Database
- Mongoose ODM
- Clerk Backend Authentication
- Inngest Background Jobs
- Stream Video SDK
- OnlineCompiler API integration
- Code execution API
- ⚡ Online code execution using OnlineCompiler API
- 🐍 Python execution
- ☕ Java execution
- 🔵 C execution
- 🟣 C++ execution
▶️ Run code directly from the Monaco Editor- 📤 Program input support
- 📋 Real-time output display
- ❌ Compilation and runtime error handling
- 🎯 Automatic test case evaluation
- Responsive Design
- Modern UI
- Beautiful Animations
- Toast Notifications
- Confetti Animation
- Clean Dashboard
- React.js
- Vite
- JavaScript
- JSX
- Tailwind CSS
- Monaco Editor
- React Router DOM
- TanStack Query
- Axios
- Clerk Authentication
- Stream Video SDK
- Framer Motion
- React Hot Toast
- Node.js
- Express.js
- MongoDB
- Mongoose
- Clerk Backend SDK
- Inngest
- Stream SDK
- Axios
- OnlineCompiler API
LivecodeX
│
├── frontend
│ ├── public
│ ├── src
│ │ ├── components
│ │ ├── pages
│ │ ├── data
│ │ └── lib
│ └── package.json
│
├── backend
│ ├── src
│ │ ├── controller
│ │ ├── routes
│ │ ├── services
│ │ ├── middleware
│ │ └── lib
│ └── package.json
│
├── README.md
PORT=3000
NODE_ENV=development
DB_URL=your_mongodb_connection_url
CLIENT_URL=http://localhost:5173
CLERK_SECRET_KEY=your_clerk_secret_key
STREAM_API_KEY=your_stream_api_key
STREAM_API_SECRET=your_stream_api_secret
INNGEST_EVENT_KEY=your_inngest_event_key
INNGEST_SIGNING_KEY=your_inngest_signing_key
ONLINE_COMPILER_API_KEY=your_onlinecompiler_api_keyVITE_API_URL=http://localhost:3000/api
VITE_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
VITE_STREAM_API_KEY=your_stream_api_keygit clone https://github.com/S-K-Roy18/LivecodeX.git
cd LivecodeXcd backend
npm install
npm run devBackend will run at:
http://localhost:3000
cd frontend
npm install
npm run devFrontend will run at:
http://localhost:5173
| Service | Platform |
|---|---|
| Frontend | Vercel |
| Backend | Render |
| Database | MongoDB Atlas |
| Authentication | Clerk |
| Video & Chat | Stream |
| Code Execution | OnlineCompiler API |
- ✅ Live Coding Editor
- ✅ Authentication
- ✅ Video Interviews
- ✅ Chat System
- ✅ Screen Sharing
- ✅ Dashboard
- ✅ Coding Practice
- ✅ Multi-language Code Execution
- ✅ Python Support
- ✅ Java Support
- ✅ C Support
- ✅ C++ Support
- ✅ Automatic Test Case Evaluation
- 🔄 Submission History
- 🔄 AI Interview Feedback
- 🔄 Collaborative Whiteboard
Contributions are welcome!
-
Fork the repository
-
Create a feature branch
git checkout -b feature-name- Commit your changes
git commit -m "Added new feature"- Push the branch
git push origin feature-name- Open a Pull Request
If you like this project, consider giving it a ⭐ on GitHub.
This project is licensed under the MIT License.
Made with ❤️ by Surya Kanta Roy