/Doc-s-Clone

Primary LanguageJavaScript

Collaborative Document Management System 📝

Overview 🌟

Collaborative Document Management System is a MERN (MongoDB, Express.js, React.js, Node.js) web application with real-time collaboration features powered by Socket.IO. It allows users to create and edit documents collaboratively in real-time, with support for text formatting, image embedding, and video embedding.

Features ✨

  • Real-time Collaboration: Multiple users can collaborate on the same document simultaneously.
  • Text Formatting: Users can write and format text using a rich text editor.
  • Image Embedding: Users can embed images from their local system into the document.
  • Video Embedding: Users can embed videos by providing the URL.

Technologies Used 🛠️

  • MongoDB: Used for persistence storage of documents.
  • Express.js: Backend framework for handling HTTP requests and routing.
  • React.js: Frontend library for building user interfaces.
  • Node.js: Backend JavaScript runtime environment.
  • Socket.IO: Enables real-time, bidirectional communication between clients and server.

Getting Started with Docker 🚀

  1. Clone the repository, navigate to the project directory, and start Docker containers: 
    git clone <repository-url>
cd <project-name> 
docker compose up
  2. Open your browser and navigate to http://localhost:5173 to access the application. 🌐

Usage 🔍

  • Upon opening the application, a new document with a unique ID is created, which is mentioned in the URL. 🔖
  • Share the URL with others to collaborate on the same document in real-time. 🔄
  • Write and format text, embed images, and provide video URLs to collaborate seamlessly. ✍️🖼️🎥
  • Collaborate with team members effortlessly and boost productivity. 🤝💼