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

Master Full-Stack Engineering! From frontend to backend, build job-ready skills fast.

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 deploying our app on Heroku after completion for free 🔥

👉🏾Prerequisites:

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: 🔥❤️

✅ My gears for everyday work: 🔥👇🏾📸

[premanshdewangan]

It's difficult to get the clear understanding of the backend component without having a knowledge in React.
Need to learn React as well.
But i must say, this is an Amazing content. Keep sharing such contents.

[tusharmalhotra]

Sir mzaa aa gaya 🎉🎉🎉
Please aise unique project videos Hindi mai laate rhena

[niteshkumarsingh]

you are real hero in world of real life project. Best content i, haven't ever seen before.

[mojahidislam]

Please try to give video regularly. Love from Bangladesh. 🇧🇩🇧🇩

[ziontutorial]

Omg you are amazing you always come up with new project with different idea . Unique 🥰🥰🥰🥰🥰🥰🥰

[PROTECHRAHUL]

Html css or JavaScript k saath bhi tagda project banayiye sir taaki jinhe sirf yeh aati h woh bhi tagda project bana paye

[pranjalgoyal]

Nice tutorial. Just for all of you guys having CORS error, server.js file need to explicitly have declaration of cors allow policy according to new docs of SocketV3.
Cheers

[shubhamgupta-bltr]

Project is nice..sir kuch aisa project banao jisme AWS ke feature use ho like S3 bucket cognito and lammda ..

[ramsem]

Sir, without javascript kai se banaunga, please continue the javascript series 🙏❤️,
apne javascript ka video dalna chordiya aur mera javascript sikhna bhi stop hogeya.

[rohitverma]

after completing the project , i will share my repository in the comment , // And thanks a lot sir for this great project - a great real time collaboration in hindi 💙💙 and love you a lot❣❣❣❣

[santrawebtech]

mai aapka hi wait kar raha tha thank you for giving this awesome project

[shivanggupta]

This is my project ❤️ I have to take patent of it as soon as possible. 😅

[someshghanchekar]

Thanks for great video
You need to make a fullstack course your teaching great and lots young people needed make it if possible

[hridoyhridoy]

You're just awesome bro please please make that kind of unique project regularly love from Bangladesh 🇧🇩🇧🇩🇧🇩🇧🇩🇧🇩

[Sandeep-zddq]

Today I have off and I will complete this project by today, thanks bro you made my day 😎🔥👍

[maniac]

You are really amazing brother.. we need more real world project like this.. thanks 😍

[ved]

Bhai bahot badhiya ...Keep it up ...Never stop 😀
Me ye soch raha tha ki aap jese professionals koi bhi nayi technology jeseki React kese sikhte ho? I mean direct documentation se padhte ho ya aap bhi humari tarah koi tutorials dekhte ho?
Please bataiyega 🙏

[skfaiz]

It will be great if you implement code compilation also. Otherwise everything is great.

[kavandave]

awsome video sir 😍 sir mera ek problem hai backend related jaise ki ham apne admin dashboard me Today earing kaise nikale database se or earning fetch karne ke baad ham earning ki patten kaise design kare for example 10000 hai to ham 10, 000 is tarah or 10k is tarah se ham payment kaise design kare automatic sir please video banaye 🙏🙏🙏🙏🙏🙏🙏🙏

[gautamkumar]

Sir itne ache se samjhane ke liye Thank You.