Syncit is a real time collaborative text editor inspired by google docs. It enables multiple users to edit a shared document in real-time while syncing changes across all connected clients.
- Real-Time Collaboration: Updates are instantly reflected across all open sessions using Firestore listeners.
- Content Persistence: Changes are saved in Firestore, ensuring the document is never lost.
- Optimized Performance: Utilizes
throttleto minimize the number of writes to the database while maintaining smooth user interaction. - Rich Text Editing: Built with React Quill for an intuitive and feature rich text editor interface.
- On initialization, the editor fetches the document content from Firestore.
- If no document exists, the editor starts with a blank state.
- Listens for Firestore updates using
onSnapshot. - Automatically updates the local editor's content without overwriting the user's cursor position.
- Detects local text changes using the
text-changeevent from React Quill. - Throttled updates (every 1 second) are pushed to Firestore using
setDoc.
- Throttling: Saves content at controlled intervals using
lodash'sthrottleto reduce Firestore write operations. - Efficient Local Updates: Distinguishes between local edits and external updates to prevent redundant writes or conflicts.
- Authentication: Add OAuth based authentication for secure and personalized editing sessions including role-based access control using firebase authentication and firestore rules.
- User Presence: Display active collaborators and their cursors.
- Version History: Implement a system to track and restore previous document versions.
