Educational Collaborative Coding Platform

Collaborative Coding Platform
Frontend:
Next.js
Use /app folder structure
Component-based architecture
Structured, clean code
Implement mock data where necessary


Key Features:
Real-time collaboration using YJS
User join/leave functionality
User avatars for visual representation
Synchronised text editing
Cursor synchronisation across users
Text selection synchronisation
Consider scalability in the architecture

Reference: https://liveblocks.io/examples/collaborative-code-editor/nextjs-yjs-codemirror