Build Real-time code editor using React, Node Js, Web sockets 🔥🔥🚀 ( Hindi )

Опубликовано: 18 Март 2022
на канале: Coder's Gyan

145,576

3.4k

👉 Step into the world of full-stack development with our detailed MERN Stack With Microservices course! Transform your ideas into reality: https://www.codersgyan.com/mern 🌐🚀

🤝 Get 1:1 mentorship: https://topmate.io/codersgyan

Build Real-time code editor using React, Node Js, Web sockets 🔥🔥

We will be building a full-stack real-time code editor, a collaboration tool for many cases.
We will be using React, Node Js, Express Js and Socket.io for the web sockets.
We will be deploying our app on Heroku after completion for free 🔥

Source code: https://github.com/codersgyan/realtim...

👉🏾Prerequisites:
Javascript complete course:    • JavaScript Full Tutorial in Hindi | B...
Node JS crash course:    • Node.js Crash Course in Hindi: Fast-T...
Express js crash course:    • Express.js Crash Course: Fast-Track Y...
Mongo DB crash course:    • MongoDB Crash Course in Hindi 🔥: Mast...
Rest APIs crash course:    • REST APIs in Hindi: The Ultimate Cour...

Timestamps:-
0:00:00 - Intro
0:03:59 - Project setup
0:07:15 - React router
0:16:37 - Home page
0:44:26 - Unique id
0:51:26 - Toast
1:04:59 - Editor page
1:31:18 - Editor design
1:44:39 - Server
2:08:40 - WS error handling
2:38:01 - Disconnect
2:50:59 - Sync the code
3:19:42 - Copy room id
3:23:54 - Leave room
3:27:29 - Auto sync on first load
3:37:03 - Deployment
4:06:53 - Wind up

#reactjs #socketio #nodejs #expressjs #MERN #Node js #javascript #codersgyan #learnCoding
🔥

Let's connect on LinkedIn: 🔥❤️
  / codersgyan   👇🏾

✅ My gears for everyday work: 🔥👇🏾📸
https://docs.google.com/spreadsheets/...