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

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