How To Build A Google Docs Clone With React, Socket.io, and MongoDB

Hostinger: https://www.hostinger.com/webdevsimpl...
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: https://github.com/WebDevSimplified/g...
Learn React Today Course: https://courses.webdevsimplified.com/...
useEffect Video Tutorial:    • Learn useEffect In 13 Minutes  
useEffect Article: https://blog.webdevsimplified.com/202...
useRef Video Tutorial:    • Learn useRef in 11 Minutes  
useRef Article: https://blog.webdevsimplified.com/202...
Box Model Video:    • Learn CSS Box Model In 8 Minutes  
Media Queries Video:    • Learn CSS Media Query In 7 Minutes  
MongoDB Install Video:    • How To Install MongoDB In 2 Minutes  


🌎 Find Me Here:

My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon:   / webdevsimplified  
Twitter:   / devsimplified  
Discord:   / discord  
GitHub: https://github.com/WebDevSimplified
CodePen: https://codepen.io/WebDevSimplified


⏱️ 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


#ReactJS #WDS #JavaScript