Hey everyone, In this video, we are going to build our own Cloud based web IDE similar to Repl.it, Codesanbox, Stackblitz, etc. We'll understand how these power full cloud IDE works under the hood.
Quick Links
Full Stack Twitter Clone https://learn.piyushgarg.dev/learn/twitter-clone
Docker Course https://learn.piyushgarg.dev/learn/docker
Master NextJS 14 https://learn.piyushgarg.dev/learn/nextjs-14
Source Code: https://github.com/piyushgarg-dev/cloud-ide
Timestamps
00:00 Introduction
00:30 Exploring Projects
02:15 System Design
07:00 Coding Server
18:15 Setting up React Code
19:00 Building Web Terminal
31:25 Displaying Code Files and Folders
57:00 Code Editor
1:20:00 Testing our IDE
1:20:40 Outro
Video Titles
- How to build cloud ide
- How Web IDE works
- How to build Repl.it editor
- How to build Web IDE
Hashtags
#nodejs #react #socketio #webdevelopment #fullstackwebdevelopment #docker #codign #development #programming
