How To Build A Google Docs Clone With React, Socket.io, and MongoDB
Hostinger:
Use coupon WEBDEVSIMPLIFIED for 10% off an yearly plan.
Google docs revolutionized word documents with its collaborative features, but actually creating your own Google docs is not that hard. In this video I will show you how to create a complete Google Docs clone from scratch using ReactJS, Socket.io, MongoDB, and QuillJS.
Materials/References:
GitHub Code:
Learn React Today Course:
useEffect Video Tutorial:
useEffect Article:
useRef Video Tutorial:
useRef Article:
Box Model Video:
Media Queries Video:
MongoDB Install Video:
Find Me Here:
My Blog:
My Courses:
Patreon:
Twitter:
Discord:
GitHub:
CodePen:
⏱️ Timestamps:
00:00 - Introduction
01:23 - Project Overview
03:53 - Project Setup
05:36 - Setting Up Quill
11:25 - CSS Styles
20:36 - Server Setup
25:45 - Transmitting Changes To Clients
30:49 - Handling Multiple Documents
39:50 - Persisting Documents
