PushpakB3096 / google-docs-plus

Google Docs Plus is a document editor as well as a real-time collaboration and sharing tool. Join a unique room as soon as you land and start typing. Just share the link to your friends and they can join in and collaborate too!

Home Page:https://google-docs-plus.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

image

Introduction

Google Docs Plus is a document editor as well as a real-time collaboration and sharing tool. Join a unique room as soon as you land and start typing. Just share the link to your friends and they can join in and collab too!

Technology Stack & Concepts

  • ReactJS
  • Node.js
  • Real-time collaboration using Socket.io
  • Rich and unique text editor provided by Quill
  • Document persistence using MongoDB Atlas

Run This App Locally

Run the below command to install the dependencies

cd client && npm install
cd ../server && npm install

Go inside both the client and server folders run the below command to start them both

npm start

Go to the server folder and create a .env file with the following keys,

Key Value
CONNECTION_URI your-mongo-atlas-connection-uri

About

Google Docs Plus is a document editor as well as a real-time collaboration and sharing tool. Join a unique room as soon as you land and start typing. Just share the link to your friends and they can join in and collaborate too!

https://google-docs-plus.netlify.app/


Languages

Language:JavaScript 82.1%Language:CSS 10.6%Language:HTML 7.2%