It would not say it is easy to implement but they basically run a docer container for each time you create a new Project. Then they just start a dev server for that project like npm start for react. Then they do a fetch request for the URL of that dev server. In return they get a Response in HTML, CSS and JS. Then they render that using a . Which is basically your web browser look like part in the play ground. Hey covered the bakcend part in video you should check it out @Ludo Guy
Hi, loved this video and awesome implementation. I was just curious, you must be paying for codedamn playground servers if it's supporting so many concurrent users, why though? :)
It would not say it is easy to implement but they basically run a docer container for each time you create a new Project. Then they just start a dev server for that project like npm start for react. Then they do a fetch request for the URL of that dev server. In return they get a Response in HTML, CSS and JS. Then they render that using a . Which is basically your web browser look like part in the play ground. Hey covered the bakcend part in video you should check it out @Ludo Guy
please kindly link the library used for almost-cloning the developers console, as you said you were going to do, thanks in advance. Iwatched this video till the end!!!!
Can anybody tell how i could build a playground like this? I figured out the editor part using Monaco editor Can someone explain how rest of the things work.
That's what you have to figure out! If it was that easy, there would be thousands of playgrounds like this, but there is a reason why there are only few.
one thing that i think is important for playground like this is ablity to has shortcut link. like coddamn.new that create new empty project or coddaamn.new/react create empty react project do you plan to implement this feature or had implemented before?
Playground looks awesome. It’s cool you’re implementing the cutting edge tech in your teaching site.
It would be great if you create a tutorial on how to make playground like this
@mehul sir we would love to learn about this.. even the basics could give us a kickstart
It would not say it is easy to implement but they basically run a docer container for each time you create a new Project. Then they just start a dev server for that project like npm start for react. Then they do a fetch request for the URL of that dev server. In return they get a Response in HTML, CSS and JS. Then they render that using a . Which is basically your web browser look like part in the play ground. Hey covered the bakcend part in video you should check it out @Ludo Guy
@@souravdas423 thanks for the detailed suggestion will check out on them. By the way sourav do you have ig/ twitter? lets connect of possible :)
Thanks Sourav
Would be nice to see Vim controls.
That's should be no. 1 priority
Hi, loved this video and awesome implementation. I was just curious, you must be paying for codedamn playground servers if it's supporting so many concurrent users, why though? :)
also I watched this till the end :D
What service do you use to stream videos on your platform?
It would not say it is easy to implement but they basically run a docer container for each time you create a new Project. Then they just start a dev server for that project like npm start for react. Then they do a fetch request for the URL of that dev server. In return they get a Response in HTML, CSS and JS. Then they render that using a . Which is basically your web browser look like part in the play ground. Hey covered the bakcend part in video you should check it out @Ludo Guy
This is the craziest thing I saw today
I watched this video till the end!!!!
I watched this video till the end!
Why would we use Codedamn playground instead of Codesandbox?
love this feature
please kindly link the library used for almost-cloning the developers console, as you said you were going to do, thanks in advance. Iwatched this video till the end!!!!
console-feed
=] Thank you very much. I regret a bit it is not react independent but any way huge tool. Thanks again
I watched this video till the end
Watched till the end 🙂👍
I watched this video till the end.
Does it uses Monaco Editor behind the scenes?
Thank you
amazing.
Please provide the link for the open source dev tool @3:08.
Can anybody tell how i could build a playground like this?
I figured out the editor part using Monaco editor
Can someone explain how rest of the things work.
That's what you have to figure out! If it was that easy, there would be thousands of playgrounds like this, but there is a reason why there are only few.
@@sahilaggarwal2004 🤔
Can you share the dev tool link ...
Isn't codedamm/codeday come again😶😶
First view
one thing that i think is important for playground like this is ablity to has shortcut link.
like coddamn.new that create new empty project
or coddaamn.new/react create empty react project
do you plan to implement this feature or had implemented before?
I watched this video till the end