Open Docs

An open-source user-friendly real-time collaborative document editor built from scratch using the Quill API developed using Next.js, Tailwind CSS, Quill, and Socket.io, with features like shareable links, PDF and DOCX export, document preview, and customizable text formatting shortcuts, OpenDocs is designed to provide an intuitive and efficient collaborative writing experience.

Images

Document with shareable link

Real Time collaboration using socket.io

Updating Document Meta

Exporting as pdf/docx

Features

• Real-Time Collaboration: Multiple users can edit the same document simultaneously using Socket.io for socket-based communication.
• Shareable Links: Users can generate and share links to documents with others.
• Download/Print as PDF: Users can print or download the document in PDF/DOCX format.
• Document Preview: Dynamic Thumbnail generation.
• Document Update: Real-time updates and synchronization of document content.
• Formatting Shortcuts: Customizable Keyboard shortcuts for text formatting (e.g., bold, italics, underline).

Technologies Used

• Next.js: A React framework for building server-rendered applications.
• Tailwind CSS: A utility-first CSS framework for styling the application.
• Quill: A powerful rich text editor used to implement the document editing features.
• Socket.io: Used for enabling real-time communication for collaborative editing.

Installation

git clone https://github.com/was-siri-us/OpenDocs.git

cd Open Docs

bun i

cd server

bun i

Starting the web application

Frontend

bun run dev

backend

nodemon server.js