Collaborative text editor

Features

Real time collaborative text editor built with:
server side:

• express
• mongodb
• mongoose
• socket.io
• jwt
• bcrypt

client side:

• nextjs
• quill
• socket.io-client
• react-toastify
• tailwindcss

Testing is done using vitest and jest-dom for frontend and jest and supertest for api.

Setup and Installation

Use your favoeite package manager npm, pnpm or yarn to install dependencies.

Frontend is built with nextjs 14 with app router, wrapped inside src directory. It uses webpackbut if you want to change it to turbopack you need to add --turbo to dev script in package.json

"scripts": {
    "dev": "next dev --turbo",
    "build": "next build",
    "start": "next start",
    "lint": "next lint",
    "test": "vitest --coverage"
  },

Add a .envfile to the root of client and assign api url. If server is running locally, then api url is your localhost server (http://localhost:5051) or if it is hosted on a server assign the server address without any port number.

NEXT_PUBLIC_API_URL = "ur api address"

Clone this repository:

git clone https://github.com/rez433/js_ramverk.git

cd server
pnpm i
pnpm dev

# and from the root of repo:
cd client
pnpm i
pnpm dev