My Collaborative Editor
- ✅ Day 1: Project setup (client + server)
- ✅ Day 2: Authentication & database
- ✅ Day 3: Documents & permissions
- ⏳ Day 4: Real Time Collaboration
- WebSockets & real-time sync
- Conflict resolution (CRDT)
- Scalable backend design
- Offline-first thinking
- Clean React architecture
- React + TypeScript
- Slate.js (rich text editor)
- Zustand / Redux Toolkit
- Tailwind CSS
- Node.js + Express
- Socket.IO (real-time layer)
- MongoDB (documents + versions)
- Redis (presence + pub/sub, optional but impressive)
- Infra
- Docker
- GitHub Actions (CI)
- Vercel (frontend) + Render/Fly.io (backend)
- ⚒️ Multi-user editing in real time
- ⚒️ Live cursors & user presence
- ⚒️ Auto-save documents
- ⚒️ Conflict-free updates
- ⚒️ Document permissions (viewer/editor)
- 🔮 Offline editing + re-sync
- 🔮 Version history (time travel)
- 🔮 Comments & suggestions
- 🔮 Document export (PDF / MD)
- 🔮 Cursor color per user
- 🔮 Rate-limiting & abuse protection
- 🔮 Load testing (k6 / artillery)