SyncScribe is a real-time collaborative document editor inspired by Google Docs, enabling seamless document collaboration with live user presence and typing indicators.
Built with modern tools like Next.js, Liveblocks, Tailwind CSS, and Clerk authentication, it allows users to create, manage, and share documents with role-based access (viewer/editor), add floating comments, reply with emojis, and enjoy a truly immersive collaboration experience.
- 🧑🤝🧑 Real-time multi-user editing
- 🖊️ Visible typing cursors & active users
- 📁 Create, delete, and manage documents
- 🔗 Invite users with edit/view permissions
- 💬 Floating comments on selected content
- 🥳 Emoji reactions and threaded replies on comments
- 🔐 Clerk authentication and user sessions
- ⚡ Deployed on Vercel for lightning-fast performance
| Tech | Description |
|---|---|
 |
React framework for SSR and routing |
 |
Utility-first CSS framework |
 |
Component library for modern UIs |
 |
Real-time collaboration infrastructure |
 |
Authentication and user management |
 |
Hosting platform optimized for Next.js |
🔗 Live App: https://your-live-link.com
💻 GitHub Repo: https://github.com/your-username/SyncScribe
🎥 Video Walkthrough: Your YouTube/demo video link
# 1. Clone the repository
git clone https://github.com/your-username/SyncScribe.git
# 2. Navigate to the project directory
cd SyncScribe
# 3. Install dependencies
npm install
# 4. Create a `.env.local` file with your Liveblocks + Clerk keys
# 5. Run the development server
npm run dev