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 ... https://www.youtube.com/watch?v=iRaelG7v0OU