A collaborative, real-time, multi-language online code editor built with modern web technologies. This project enables users to write, edit, share, and execute code directly in the browser with live synchronization across clients.
- Real-time collaborative code editing powered by Liveblocks and Y.js
- Multi-language support using CodeMirror (JavaScript, Python, C++, Java, etc.)
- Clean and modern UI using Tailwind CSS + ShadCN
- Form validation with Zod
- Code execution via RapidAPI services
- Cloud database integration with MongoDB Atlas
- Fully deployed using Vercel
- Robust DevOps workflow using Git and GitHub
- Next.js
- React
- TypeScript
- Tailwind CSS
- ShadCN UI
- Lucide React icons
- CodeMirror 6
- Y.js + y-codemirror.next
- Multilanguage extensions (JS, Python, C++, Java)
- Liveblocks (React, Node, Y.js integration)
- MongoDB Atlas (with Mongoose ORM)
- React Hook Form
- Zod
- @hookform/resolvers
- RapidAPI (for code execution output generation)
- Git & GitHub
- Vercel Deployment
This project uses a rich eco-system of libraries, including:
- CodeMirror and language packages
- Liveblocks for collaboration
- React Toastify for notifications
- Prettier and TypeScript for development
- TailwindCSS (v4) + PostCSS
dev– Runs the development server using Turbopackbuild– Creates an optimized production buildstart– Runs the production server
The goal of this project is to provide a fully interactive, real-time coding environment suitable for:
- Pair programming
- Coding tutorials
- Code sharing
- Collaborative problem solving
- Online learning platforms
It integrates real-time sync, cloud storage, and multi-language execution to simulate a lightweight cloud IDE experience.
The application is deployed on Vercel, ensuring fast performance, serverless execution, and smooth CI/CD workflows via GitHub integration.
This live code editor demonstrates how modern web technologies can be combined to create powerful interactive tools. The integration of collaboration, serverless backend, cloud persistence, and API-driven execution makes it a highly extensible foundation for developer tools or educational platforms.