Hostinger: https://www.hostinger.com/webdevsimplified 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
Hostinger: https://www.hostinger.com/webdevsimplified
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/google-docs-clone
Learn React Today Course: https://courses.webdevsimplified.com/learn-react-today
useEffect Video Tutorial: https://youtu.be/0ZJgIjIuY7U
useEffect Article: https://blog.webdevsimplified.com/2020-04/use-effect
useRef Video Tutorial: https://youtu.be/t2ypzz6gJm0
useRef Article: https://blog.webdevsimplified.com/2020-05/use-ref
Box Model Video: https://youtu.be/rIO5326FgPE
Media Queries Video: https://youtu.be/yU7jJ3NbPdA
MongoDB Install Video: https://youtu.be/wcx3f0eUiAw
???? Find Me Here:
My Blog: https://blog.webdevsimplified.com
My Courses: https://courses.webdevsimplified.com
Patreon: https://www.patreon.com/WebDevSimplified
Twitter: https://twitter.com/DevSimplified
Discord: https://discord.gg/7StTjnR
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
