noteSync

An AI-powered Notion clone with real-time collaboration features including live cursors, live rich text editing, AI chat.

Technology Stack

Next.js
TypeScript
Clerk Auth
Cloudflare Workers
Liveblocks
Firebase
Hono
shadcn/ui
Tailwind CSS
BlockNote Editor
noteSync

Project Demo

Watch the project in action

Project Deep Dive

🤝 Real-time Collaboration: Multiple users can edit the same document simultaneously with live cursors showing exactly where each collaborator is working, each with unique colors for easy identification

🤖 AI Document Chat: Powered by Gemini AI, users can ask questions about their document content and get instant, contextual answers based on the entire document

📝 Smart Summarization: Generate intelligent document summaries using Facebook's BART model via Cloudflare Workers AI

👥 Presence Indicators: See the number of active users editing the document with user avatars displayed in real-time

🔐 Secure Authentication: Complete user management with Clerk authentication - users must be signed in to access any features

📄 Document Management: Create, delete, and manage multiple documents with ownership controls - only document owners can delete documents or invite collaborators

⚡ Powered by Cutting-edge AI: Leverages @cf/facebook/bart-large-cnn for summarization, @cf/meta/m2m100-1.2b for translation, and Gemini for conversational AI

Project Gallery

Explore different aspects and features of the project

noteSync screenshot 1
noteSync screenshot 2
noteSync screenshot 3
noteSync screenshot 4

Interested in this project?

Feel free to explore the live demo or check out the source code to see how it was built.