A hyper-collaborative, real-time development environment right in your browser. DevSync makes pair programming, teaching, and building web projects together as fluid and instant as sharing a thought.
Click here to watch the demo video!
Most collaborative coding tools feel like they're made for documents, not developers. DevSync is purpose-built for code collaboration — whether it's live teaching, remote pair programming, or just hacking together in real time. Built from scratch using WebSockets and Monaco Editor, DevSync is light, fast, and made for code.
- Live Code Preview: Instant rendering of HTML/CSS/JS inside the browser.
- True Real-Time Collaboration: Built using a custom Operational Transformation engine.
- VS Code-Like Feel: Powered by Monaco Editor for syntax highlighting, linting, suggestions, and more.
- Terminal Built-In: Integrated terminal with Xterm.js support.
- Zero Setup: No Docker required. Just run two commands and start coding.
Frontend
- React + TypeScript
- Vite + Tailwind CSS
- Zustand (state management)
- Monaco Editor + Xterm.js
- Framer Motion + Axios + WebSocket Client
Backend
- Spring Boot (Java)
- WebSocket API
- Jackson (JSON parser)
Realtime Engine
- Custom Operational Transformation (OT) implementation
- Redis (local or AWS ElastiCache)
- Lua Scripting for atomic operations
Hosting
- Frontend: Vercel
- Backend: AWS EC2
- Redis: AWS ElastiCache / Local Redis
DevSync uses OT to handle collaborative edits just like Google Docs:
- Transforms user operations (insert/delete) in real time
- Resolves conflicts automatically
- Guarantees consistency across users
- Maintains intention-preserving edits
Our OT engine is built in both backend and frontend for minimal latency and maximum collaboration.
Requirements: Java 17+, Maven, Node.js 18+, Redis
# Clone the project
https://github.com/MaurishPandat/DevSync.git
cd DevSync
# Start Redis (separately)
redis-server &
# Backend setup
cd backend
./mvnw install
./mvnw spring-boot:run &
# Frontend setup
cd ../frontend
npm install
npm run devAccess at: http://localhost:5173
docker-compose up --buildVisit: http://localhost
GitHub Actions for automatic builds & deployment:
- ✅ Run backend & frontend tests on push
- 🚀 Deploy backend to AWS EC2
- ⚡ Deploy frontend to Vercel
- AWS Secrets:
AWS_ACCESS_KEY_ID,AWS_SECRET_ACCESS_KEY,AWS_REGION - Vercel Secrets:
VERCEL_TOKEN,VERCEL_ORG_ID,VERCEL_PROJECT_ID
- ✅ Authentication and persistent projects
- 🗣️ Voice + Chat integration
- 🎥 Session playback and history
- 🔧 More languages (Python, C++, etc.)
- 🧩 Plugin system for custom tools
MIT © Maurish Kaushik
Making collaborative coding magical for everyone. ✨