Skip to content

sbayce/Real-Time-Editor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 

Repository files navigation

Real-Time-Editor

A collaborative document editing platform built with WebSockets, allowing multiple users to edit the same document simultaneously. It features live cursor positions and text selections for each user, with conflict-free editing and real time synchronization.

demo

Motivation

Collaboration is a core feature of modern productivity tools. I built this project to explore how WebSockets works and how an application like Google Docs functions behind the scenes.

Usage

  1. Clone the repository:

    git clone https://github.com/sbayce/Real-Time-Editor.git
  2. Install dependencies:

    npm install
  3. Create a .env file inside the server folder with the following:

    DATABASE_URL=your_postgresql_connection_string
  4. Start the server:

    cd server
    npm start

Screenshots

landing page home page home page